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/homepage.html

320 lines
10 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/homepage.css">
<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>
<!-- banner section -->
<div class="main-section">
<div class="row m-0">
<div class="flex-8">
<form class="d-flex position-relative mb-2" role="search">
<input class="form-control searchBar rounded-2 p-2" type="search" placeholder="Search..." aria-label="Search">
<img src="../images/Vector.png" alt="Search" class="search-icon">
</form>
<h1 class="bannerTitle">Learning coding <br>is now much easier</h1>
<p class="bannerContent">Learn exponent is an interesting platform that will teach you learn many coding
languages, build self
project, get job etc.</p>
<button type="button" class="btn btn-success py-2 px-4 rounded-pill">Register Now for free</button>
</div>
<div class="flex-4">
<img src="../images/Group 1261153377.png" alt="Image" class="img-fluid">
</div>
</div>
</div>
<!-- Courses -->
<section class="courses p-5">
<h1 class="mb-4">Courses</h1>
<div class="boxes">
<div class="col-lg-3 col-sm-12 box-one p-4 text-center">
<img src="../images/box-img1.png" alt="">
<div class="box-bottom">
<p class="box-heading">FullStack Developer</p>
<p class="box-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur justo quis
euismod vehicula.
</p>
<button class="box-button btn">Learn More</button>
</div>
</div>
<div class="col-lg-3 col-sm-12 box-two text-center p-4">
<img src="../images/box-img2.png" alt="">
<div class="box-bottom">
<p class="box-heading">FullStack Developer</p>
<p class="box-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur justo quis
euismod vehicula.
</p>
<button class="box-button btn">Learn More</button>
</div>
</div>
<div class="col-lg-3 col-sm-12 box-three text-center p-4">
<img src="../images/box-img3.png" alt="">
<div class="box-bottom">
<p class="box-heading">FullStack Developer</p>
<p class="box-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur justo quis
euismod vehicula.
</p>
<button class="box-button btn">Learn More</button>
</div>
</div>
</div>
</section>
<div class="service">
<div class="left-section">
<h1>Learn exponent Provides</h1>
<ul>
<li class="serviceList">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur justo quis
euismod vehicula.
Quisque diam dui, imperdiet et</li>
<li class="serviceList">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur justo quis
euismod vehicula.
Quisque diam dui, imperdiet et</li>
<li class="serviceList">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur justo quis
euismod vehicula.
Quisque diam dui, imperdiet et</li>
</ul>
</div>
<div class="right-section">
<img src="../images/young_girl-removebg-preview.png" Section Image">
</div>
</div>
<div class="section">
<div class="imageSection">
<img src="../images/Group 42963.png" alt="Image">
</div>
<div class="content">
<h2>Over 500+ Talented
People <br>Registered in
Our Website</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin<br> consectetur justo quis euismod vehicula.
Lorem ipsum dolor sit<br> amet, consectetur adipiscing elit. Proin consectetur justo quis euismod vehicula. .
</p>
<button>Register Now</button>
</div>
</div>
<section id="new-section">
<div class="container">
<h2 class="review-heading">What a job holder says About US</h2>
<p class="review-paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur justo quis<br> euismod vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
<div class="box-container">
<div class="box1">
<img src="../images/review-image1.png" alt="Image 1">
<h5>Lorem ipsum</h5>
<small>2 month with us</small>
<p>Lorem ipsum dolor sit amet, consect adipiscing elit. Proin consectetur just
quis euismod vehicula. </p>
<img src="../images/star.review.png" alt="Small Image 2" class="small-image">
</div>
<div class="box2">
<img src="../images/review.image2.png" alt="Image 1">
<h5>Lorem ipsum</h5>
<small>2 month with us</small>
<p>Lorem ipsum dolor sit amet, consect adipiscing elit. Proin consectetur just
quis euismod vehicula. </p>
<img src="../images/star.review.png" alt="Small Image 2" class="small-image">
</div>
<div class="box3">
<img src="../images/review.image3.png" alt="Image 1">
<h5>Lorem ipsum</h5>
<small>2 month with us</small>
<p>Lorem ipsum dolor sit amet, consect adipiscing elit. Proin consectetur just
quis euismod vehicula. </p>
<img src="../images/star.review.png" alt="Small Image 2" class="small-image">
</div>
</div>
</div>
</section>
<section id="subscribe-section">
<div class="container">
<h3>Subscribe For Get Update<br>
Every New Courses</h3>
<p>20k+ students daily learn with . Subscribe for new courses.</p>
<div class="subscribe-container">
<input type="email" class="subscribe-input" placeholder="Enter your email">
<button class="subscribe-button">Subscribe</button>
</div>
</section>
</div>
</section>
<!-- 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