fafadiatech
/
LearnExponent
16
0
Fork 0
Code Issues 8 Pull Requests Packages Projects Releases Wiki Activity
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
master
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'master'
${ noResults }
LearnExponent/pages/innerpage.html

262 lines
9.8 KiB
HTML
Raw Permalink Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Website</title>
<link rel="stylesheet" type="text/css" href="../assets/inner.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Courgette&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="nonymous">
</head>
<!--Nav bar-->
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light p-sm-3">
<div class="container-fluid">
<a class="navbar-brand m-0" href="#"><img src="../images/Group 1261153379.png" class="logoImg" alt="Logo"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarContent"
aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarContent">
<ul class="navbar-nav mr-auto gap-2 navList">
<li class="nav-item">
<a class="nav-link navLink" href="../pages/homepage.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link navLink" href="../pages/coursepage.html">Courses</a>
</li>
<li class="nav-item">
<a class="nav-link navLink" href="../pages/event.html">Events</a>
</li>
<li class="nav-item">
<a class="nav-link navLink" href="../pages/mentor.html">Mentors</a>
</li>
<li class="nav-item">
<a class="nav-link navLink" href="../pages/About us.html">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link navLink" href="../pages/resource.html">Resources </a>
</li>
<li class="nav-item">
<a class="nav-link navLink" href="../pages/Blog.html">Blog </a>
</li>
<li class="nav-item">
<a href="" class="nav-link"><span class="phone-number">+1 123-456-7890</span></a>
</li>
<button type="button" class="btn btn-primary contactBtn">contact us</button>
</ul>
</div>
</div>
</nav>
<div class="eventHeading">
<h1>Resources</h1>
</div>
<div class="resource-section">
<div class="blue-rectangle">
<input type="text" placeholder="Say something" class="search-bar">
<img src="../images/Vector.png" alt="Search" class="search-icon">
<img src="../images/filter-icon.png" alt="Search" class="filter-icon">
</div>
<div class="topics-section">
<div class="top-topics">
<div class="blue-topic">All Tutorial</div>
<div class="none-topic">Popular Topic</div>
<hr class="gray-line">
</div>
<div class="other-topics">
<div class="topic">Lorem Ipsum 1</div>
<div class="topic">Lorem Ipsum 2</div>
<div class="topic">Lorem Ipsum 2</div>
<div class="topic">Lorem Ipsum 2</div>
</div>
</div>
<div class="right-section">
<a href="../pages/resource.html">
<div class="circle">
<div class="left-arrow">←</div>
</div>
</a>
<h3 class="tutorial">#Tutorial</h3>
<img src="../images/image 21.png" alt="Image">
<h2 class="summary-heading">Developer - Basic</h2>
<p class="summary-paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget mLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.agna enim fermentum porttitor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.<br> <br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.Lorea enim fermentum porttitor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget mLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.agna enim fermentum porttitor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor..</p>
<hr class="grey-line">
<hr class="grey2-line">
<div class="feedback-section">
<p2 class="helpful">Was this helpful?</p2>
<button class="feedback-btn yes-btn">Yes</button>
<button class="feedback-btn no-btn">No</button>
<div class="icon-images">
<img src="../images/facebook_icon.png" alt="Icon 1">
<img src="../images/linkedin_icon.png" alt="Icon 2">
<img src="../images/twitter_icon.png" alt="Icon 3">
</div>
</div>
</div>
</div>
<h2 class="feature-heading">feature content</h2>
<div class="feature-content-section">
<div class="container-fluid">
<div class="feature-rectangle">
<img src="../images/image 20.png" alt="Image 1">
<p class="small-text"># Tutorial</p>
<h3 class="feature-heading2"><a href="../pages/innerpage.html">Developer - Basic</a></h3>
<p class="feature-paragraph2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor..</p>
</div>
<div class="feature-rectangle">
<img src="../images/image 21.resource.png" alt="Image 2">
<p class="small-text"># Tutorial</p>
<h3 class="feature-heading2">Developer - Basic</h3>
<p class="feature-paragraph2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.</p>
</div>
<div class="feature-rectangle">
<img src="../images/image 20 (2).png" alt="Image 3">
<p class="small-text"># Tutorial</p>
<h3 class="feature-heading2">Developer - Basic</h3>
<p class="feature-paragraph2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor..</p>
</div>
</div>
</div>
<!-- FooterSection -->
<div class="footerSection">
<div class="footerLogoSection">
<img src="../images/footer.logo.png" alt="footerLogo" class="footerLogoImg">
<ul class="socialSection">
<li><a href="#" target="_blank"><img src="../images/fb.icon.png" alt="Social Icon 1"></a></li>
<li><a href="#" target="_blank"><img src="../images/twiter.icon.png" alt="Social Icon 2"></a></li>
<li><a href="#" target="_blank"><img src="../images/insta.icon.png" alt="Social Icon 3"></a></li>
<li><a href="#" target="_blank"><img src="../images/linkdin.icon.png" alt="Social Icon 3"></a></li>
</ul>
<p>&copy; 2023 learnexponent.co</p>
<p>learn exponent is a registered
trademark of learn exponent.co</p>
</div>
<div class="courseSection">
<h3 class="fontSemiBold">Courses</h3>
<ul>
<li>
<a href="">Classroom courses</a>
</li>
<li>
<a href="">Virtual classroom courses</a>
</li>
<li>
<a href="">E-learning courses</a>
</li>
<li>
<a href="">Video Courses</a>
</li>
<li>
<a href="">Offline Courses</a>
</li>
</ul>
</div>
<div class="quickLinkSection">
<h3 class="fontSemiBold">Quick Links</h3>
<ul>
<li>
<a href="">Home</a>
</li>
<li>
<a href="">Courses</a>
</li>
<li>
<a href="">Events</a>
</li>
<li>
<a href="">About Us</a>
</li>
<li>
<a href="">Resources</a>
</li>
<li>
<a href="">Blog</a>
</li>
</ul>
</div>
</div>
<div class="mobileFooterSection">
<div class="footerLogoSection">
<img src="../images/mobile.footer.logo.png" alt="footerLogo" class="footerLogoImg">
</div>
<div class="linksSection">
<div class="courseSection">
<h3 class="fontSemiBold">Courses</h3>
<ul>
<li>
<a href="">Classroom courses</a>
</li>
<li>
<a href="">Virtual classroom courses</a>
</li>
<li>
<a href="">E-learning courses</a>
</li>
<li>
<a href="">Video Courses</a>
</li>
<li>
<a href="">Offline Courses</a>
</li>
</ul>
</div>
<div class="quickLinkSection">
<h3 class="fontSemiBold">Quick Links</h3>
<ul>
<li>
<a href="">Home</a>
</li>
<li>
<a href="">Courses</a>
</li>
<li>
<a href="">Events</a>
</li>
<li>
<a href="">About Us</a>
</li>
<li>
<a href="">Resources</a>
</li>
<li>
<a href="">Blog</a>
</li>
</ul>
</div>
</div>
<div class="footerContent">
<ul class="socialSection">
<li><a href="#" target="_blank"><img src="../images/fb.icon.png" alt="Social Icon 1"></a></li>
<li><a href="#" target="_blank"><img src="../images/twiter.icon.png" alt="Social Icon 2"></a></li>
<li><a href="#" target="_blank"><img src="../images/insta.icon.png" alt="Social Icon 3"></a></li>
<li><a href="#" target="_blank"><img src="../images/linkdin.icon.png" alt="Social Icon 3"></a></li>
</ul>
<p>&copy; 2023 learnexponent.co</p>
<p>learn exponent is a registered
trademark of learn exponent.co</p>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink