Initial Commit
This commit is contained in:
322
pages/About us.html
Normal file
322
pages/About us.html
Normal file
@@ -0,0 +1,322 @@
|
||||
<!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/about.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>About us</h1>
|
||||
</div>
|
||||
<section class="image-section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<img src="../images/Content Image large.png" alt="Big Image" class="img-fluid">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="small-image">
|
||||
<img src="../images/Rectangle 2945.png" alt="Small Image" class="img-fluid mb-2">
|
||||
</div>
|
||||
<h3 class="section-heading">Who we are</h3>
|
||||
<p class="section-paragraph">
|
||||
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.nce the 1500s.Lorem Ipsum is sorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.nce the 1500s.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="logo-section">
|
||||
<div class="container">
|
||||
<div class="rectangle">
|
||||
<div class="logo-content">
|
||||
<div class="logo-icon">
|
||||
<img src="../images/Group.png" alt="Icon 1" class="img-fluid">
|
||||
</div>
|
||||
<div class="logo-details">
|
||||
<h4 class="logo-heading">Lorem Ipsum</h4>
|
||||
<p class="logo-paragraph">Lorem Ipsum is simply dummy
|
||||
text of the printing and
|
||||
typesetting industry..</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="logo-content">
|
||||
<div class="logo-icon">
|
||||
<img src="../images/Group.png" alt="Icon 2" class="img-fluid">
|
||||
</div>
|
||||
<div class="logo-details">
|
||||
<h4 class="logo-heading">Lorem Ipsum</h4>
|
||||
<p class="logo-paragraph">Lorem Ipsum is simply dummy
|
||||
text of the printing and
|
||||
typesetting industry.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="logo-content">
|
||||
<div class="logo-icon">
|
||||
<img src="../images/Group.png" alt="Icon 3" class="img-fluid">
|
||||
</div>
|
||||
<div class="logo-details">
|
||||
<h4 class="logo-heading">Lorem Ipsum</h4>
|
||||
<p class="logo-paragraph">Lorem Ipsum is simply dummy
|
||||
text of the printing and
|
||||
typesetting industry..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="new-section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<img src="../images/Rectangle 3021.png" alt="Image 1" class="img-fluid">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="content-details">
|
||||
<h4 class="content-heading"> Our Vision</h4>
|
||||
<p class="content-paragraph">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever .</p>
|
||||
<div class="small-rectangle-container">
|
||||
<div class="small-rectangle">
|
||||
<p class="rectangle-number">01</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="additional-paragraph">the growing demand for IT professionals in today's digital age..</p>
|
||||
<div class="small-rectangle-container">
|
||||
<div class="small-rectangle">
|
||||
<p class="rectangle-number">01</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="additional-paragraph">the growing demand for IT professionals in today's digital age..</p>
|
||||
<div class="small-rectangle-container">
|
||||
<div class="small-rectangle">
|
||||
<p class="rectangle-number">01</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="additional-paragraph">the growing demand for IT professionals in today's digital age..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="meet-team">
|
||||
<div class="container4">
|
||||
<h2 class="section-heading1">Meet Our Team</h2>
|
||||
<div class="nav-arrows">
|
||||
<img class="icon-image" src="../images/left- indicate.png" alt="Left Arrow" onclick="scrollBoxes3('left')">
|
||||
<img class="icon-image" src="../images/right-indicate.png" alt="Right Arrow" onclick="scrollBoxes3('right')">
|
||||
</div>
|
||||
|
||||
|
||||
<div class="meet-team-members">
|
||||
<div class="meet-member">
|
||||
<img src="../images/Rectangle 73.png" alt="Meet Member 1" class="meet-image">
|
||||
<p class="meet-paragraph">Lorem Ipsum is simply dummy text of the printing and typesetting </p>
|
||||
<p class="small-paragraph">K.A Rishman fernando</p>
|
||||
<p class="work">(Fullstack Devloper) o</p>
|
||||
</div>
|
||||
|
||||
<div class="meet-member2">
|
||||
<img src="../images/midlle.person.png" alt="meet Member 2" class="meet-image">
|
||||
<p class="meet-paragraph">Lorem Ipsum is simply dummy text of the printing and typesettin.</p>
|
||||
<p class="small-paragraph">K.A Rishman fernando</p>
|
||||
<p class="work">(Fullstack Devloper) </p>
|
||||
</div>
|
||||
|
||||
<div class="meet-member3">
|
||||
<img src="../images/end.person.png" alt="meet Member 3" class="meet-image">
|
||||
<p class="meet-paragraph">Lorem Ipsum is simply dummy text of the printing and typesettin</p>
|
||||
<p class="small-paragraph">K.A Rishman fernando</p>
|
||||
<p class="work">(Fullstack Devloper) </p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="slider-indicator">
|
||||
<span class="dot"></span>
|
||||
<span class="dot"></span>
|
||||
<span class="dot"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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>© 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>© 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>
|
||||
317
pages/Blog.html
Normal file
317
pages/Blog.html
Normal file
@@ -0,0 +1,317 @@
|
||||
<!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/blog.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 rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.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>
|
||||
|
||||
<div class="mentorHeading">
|
||||
<h1>Blog</h1>
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<input type="text" class="search-input" placeholder="Search here">
|
||||
<img src="../images/Vector.png" alt="Search" class="search-icon">
|
||||
</div>
|
||||
|
||||
<!-- Blog Page Content -->
|
||||
<section class="blog-container">
|
||||
<div class="blog-left">
|
||||
<h2 class="recent-posts-title">Recent Blog Post</h2>
|
||||
<img src="../images/blog left.png" alt="Recent Post Image" class="recent-post-image">
|
||||
<p class="small-text">Posted on December 27, 2024</p>
|
||||
<a href="../pages/bloginner.html" class="course-link">
|
||||
<h3 class="blog-heading">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</h3>
|
||||
</a>
|
||||
<p class="blog-description">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
</p>
|
||||
<div class="blog-tags">
|
||||
<button class="tag-btn">Design</button>
|
||||
<button class="tag-btn">Research</button>
|
||||
<button class="tag-btn">Interview</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right Section -->
|
||||
<div class="blog-right">
|
||||
<div class="blog-post">
|
||||
<img src="../images/rightblog1.png" alt="Blog Post Image" class="blog-image">
|
||||
<div class="blog-info">
|
||||
<p class="small-text">Posted on December 26, 2024</p>
|
||||
<a href="../pages/bloginner.html" class="course-link">
|
||||
<h3 class="blog-heading">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</h3>
|
||||
</a>
|
||||
<p class="blog-description">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
|
||||
</p>
|
||||
<div class="blog-tags">
|
||||
<button class="tag-btn">Design</button>
|
||||
<button class="tag-btn">Research</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="blog-post">
|
||||
<img src="../images/rightblog1.png" alt="Blog Post Image" class="blog-image">
|
||||
<div class="blog-info">
|
||||
<p class="small-text">Posted on December 26, 2024</p>
|
||||
<a href="../pages/bloginner.html" class="course-link">
|
||||
<h3 class="blog-heading">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</h3>
|
||||
</a>
|
||||
<p class="blog-description">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
|
||||
</p>
|
||||
<div class="blog-tags">
|
||||
<button class="tag-btn">Design</button>
|
||||
<button class="tag-btn">Research</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="blog-post">
|
||||
<img src="../images/rightblog1.png" alt="Blog Post Image" class="blog-image">
|
||||
<div class="blog-info">
|
||||
<p class="small-text">Posted on December 25, 2024</p>
|
||||
<a href="../pages/bloginner.html" class="course-link">
|
||||
<h3 class="blog-heading">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</h3>
|
||||
</a>
|
||||
<p class="blog-description">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
|
||||
</p>
|
||||
<div class="blog-tags">
|
||||
<button class="tag-btn">Interview</button>
|
||||
<button class="tag-btn">Research</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="tab-section">
|
||||
<div class="tabs-container">
|
||||
<div class="tabs">
|
||||
<button class="tab active">All </button>
|
||||
<button class="tab">Data Science</button>
|
||||
<button class="tab">Soft Skills</button>
|
||||
</div>
|
||||
<div class="search-icon2">
|
||||
<img src="../images/searchblog.png" alt="Search Icon" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="divider"></div>
|
||||
|
||||
<!-- Content Section -->
|
||||
<div class="content-grid">
|
||||
<div class="content-rectangle">
|
||||
<img src="../images/searchimage1.png" alt="Content Image" class="content-image" />
|
||||
<p class="content-date">July 21</p>
|
||||
<h3 class="content-title">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div class="content-rectangle">
|
||||
<img src="../images/searchimage1.png" alt="Content Image" class="content-image" />
|
||||
<p class="content-date">July 21</p>
|
||||
<h3 class="content-title">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div class="content-rectangle">
|
||||
<img src="../images/searchimage1.png" alt="Content Image" class="content-image" />
|
||||
<p class="content-date">July 21</p>
|
||||
<h3 class="content-title">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div class="content-rectangle">
|
||||
<img src="../images/searchimage1.png" alt="Content Image" class="content-image" />
|
||||
<p class="content-date">July 21</p>
|
||||
<h3 class="content-title">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<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>© 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>© 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>
|
||||
8
pages/LearnExponent (zipped) Folder.code-workspace
Normal file
8
pages/LearnExponent (zipped) Folder.code-workspace
Normal file
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"folders": [
|
||||
{
|
||||
"path": ".."
|
||||
}
|
||||
],
|
||||
"settings": {}
|
||||
}
|
||||
285
pages/bloginner.html
Normal file
285
pages/bloginner.html
Normal file
@@ -0,0 +1,285 @@
|
||||
<!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/bloginner.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 rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.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>
|
||||
<div class="mentorHeading">
|
||||
<h1>Blog</h1>
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<input type="text" class="search-input" placeholder="Search here">
|
||||
<img src="../images/Vector.png" alt="Search" class="search-icon">
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Inner Blog Page -->
|
||||
<section class="inner-blog-page">
|
||||
<div class="back-button">
|
||||
<a href="../pages/Blog.html" class="course-link">
|
||||
<img src="../images/backread.png" alt="Back Icon" class="back-icon">
|
||||
<span class="back-text">Back</span>
|
||||
<img src="../images/readfilter.png" alt="Filter Icon" class="filter-icon">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="inner-blog-container">
|
||||
<div class="left-section">
|
||||
<img src="../images/readblog.png" alt="Blog Image" class="blog-main-image">
|
||||
<p class="blog-date">July 21</p>
|
||||
<h1 class="blog-title">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's</h1>
|
||||
<p class="blog-paragraph">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </p>
|
||||
<p class="blog-paragraph">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
|
||||
<p class="blog-paragraph">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
|
||||
</p>
|
||||
<div class="show-more">
|
||||
<span class="show-more-text">Show More</span>
|
||||
<img src="../images/showmore.png" alt="Down Arrow" class="down-arrow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="right-section">
|
||||
<div class="category-rectangle">
|
||||
<h2 class="category-heading">Category</h2>
|
||||
<ul class="category-list">
|
||||
<li>All Developments</li>
|
||||
<li>Data Science</li>
|
||||
<li>Soft Skills</li>
|
||||
<li>Marketing</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="post-rectangle">
|
||||
<h2 class="post-heading">Post</h2>
|
||||
<div class="post-item">
|
||||
<p class="post-meta">Phoenix • 15 June 2023</p>
|
||||
<h3 class="post-title">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</h3>
|
||||
</div>
|
||||
<div class="post-item">
|
||||
<p class="post-meta">Phoenix • 15 June 2023</p>
|
||||
<h3 class="post-title">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</h3>
|
||||
</div>
|
||||
<div class="post-item">
|
||||
<p class="post-meta">Phoenix • 15 June 2023</p>
|
||||
<h3 class="post-title">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</h3>
|
||||
</div>
|
||||
<div class="post-item">
|
||||
<p class="post-meta">Phoenix • 15 June 2023</p>
|
||||
<h3 class="post-title">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</h3>
|
||||
</div>
|
||||
<div class="post-item">
|
||||
<p class="post-meta">Phoenix • 15 June 2023</p>
|
||||
<h3 class="post-title">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</h3>
|
||||
</div>
|
||||
<div class="post-item">
|
||||
<p class="post-meta">Phoenix • 15 June 2023</p>
|
||||
<h3 class="post-title">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="related-post">
|
||||
<h2 class="related-post-heading">Related Post</h2>
|
||||
<div class="related-post-container">
|
||||
<div class="related-post-item">
|
||||
<img src="../images/related2.jpg" alt="Post Image 1" class="related-post-image">
|
||||
<span class="related-post-date">July 31 2023</span>
|
||||
<h3 class="related-post-title">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's</h3>
|
||||
</div>
|
||||
<div class="related-post-item">
|
||||
<img src="../images/related2.jpg" alt="Post Image 2" class="related-post-image">
|
||||
<span class="related-post-date">July 31 2024</span>
|
||||
<h3 class="related-post-title">LLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's</h3>
|
||||
</div>
|
||||
<div class="related-post-item">
|
||||
<img src="../images/related3.jpg" alt="Post Image 3" class="related-post-image">
|
||||
<span class="related-post-date">July 31 2023</span>
|
||||
<h3 class="related-post-title">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's</h3>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<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>© 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>© 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>
|
||||
344
pages/coursedetail.html
Normal file
344
pages/coursedetail.html
Normal file
@@ -0,0 +1,344 @@
|
||||
<!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/coursedetail.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 rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.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>
|
||||
<div class="mentorHeading">
|
||||
<h1>Course</h1>
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<input type="text" class="search-input" placeholder="Search here">
|
||||
<img src="../images/Vector.png" alt="Search" class="search-icon">
|
||||
</div>
|
||||
<!-- Course Detail Section -->
|
||||
<section class="course-section">
|
||||
<div class="container">
|
||||
<div class="left-content">
|
||||
<a href="../pages/coursepage.html" class="course-link">
|
||||
<p class="small-text">Course / Full Stack</p>
|
||||
</a>
|
||||
<h1 class="heading">4 month course - Front End Developer - Basic to advanced</h1>
|
||||
<p class="description">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
|
||||
</p>
|
||||
<div class="enroll-container">
|
||||
<button class="enroll-button">Enroll Now</button>
|
||||
<div class="rating">
|
||||
<span class="stars">★★★★</span>
|
||||
<span class="rating-text">12,345 ratings</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right Content -->
|
||||
<div class="right-content">
|
||||
<div class="image-container">
|
||||
<img src="../images/detail.png" alt="Course Preview" class="preview-image">
|
||||
<div class="icon-overlay">
|
||||
<img src="../images/playbutton.png" alt="Play Icon" class="icon">
|
||||
<p class="preview-text">Preview the Course</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="details">
|
||||
<div class="detail">
|
||||
<img src="../images/duration.png" alt="Duration Icon" class="icon">
|
||||
<p class="detail-text"><span>Duration:</span> <span class="highlight">25 minutes</span></p>
|
||||
</div>
|
||||
<div class="detail">
|
||||
<img src="../images/language.png" alt="Language Icon" class="icon">
|
||||
<p class="detail-text"><span>Language:</span> <span class="highlight">English</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Section: What We Will Cover -->
|
||||
<section class="what-we-cover">
|
||||
<hr class="divider" />
|
||||
<h2 class="section-heading">What We Will Cover</h2>
|
||||
<div class="points-container">
|
||||
<div class="column">
|
||||
<div class="point">
|
||||
<span class="icon">✔️</span>
|
||||
<p>Learn the basics of HTML and CSS in a simple way.</p>
|
||||
</div>
|
||||
<div class="point">
|
||||
<span class="icon">✔️</span>
|
||||
<p>Understand responsive web design techniques.</p>
|
||||
</div>
|
||||
<div class="point">
|
||||
<span class="icon">✔️</span>
|
||||
<p>Explore JavaScript fundamentals and DOM manipulation.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="point">
|
||||
<span class="icon">✔️</span>
|
||||
<p>Grasp how to fetch data from APIs seamlessly.</p>
|
||||
</div>
|
||||
<div class="point">
|
||||
<span class="icon">✔️</span>
|
||||
<p>Get an introduction to frameworks like React.</p>
|
||||
</div>
|
||||
<div class="point">
|
||||
<span class="icon">✔️</span>
|
||||
<p>Learn to build and deploy full web applications.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="details-section">
|
||||
<h2 class="details-heading">Details</h2>
|
||||
<div class="details-content">
|
||||
<p2>
|
||||
Lorem ipsum dolor sit amet. Nam provident provident sit autem perferendis et error.Lorem ipsum dolor sit amet. Nam provident provident sit autem perferendis et error.Lorem ipsum dolor sit amet. Nam provident provident sit autem perferendis et error.Lorem ipsum dolor sit amet. Nam provident provident sit autem perferendis et error.Lorem ipsum dolor sit amet. Nam provident provident sit autem perferendis et error.Lorem ipsum dolor sit amet. Nam provident provident sit autem perferendis et error.Lorem ipsum dolor sit amet. Nam provident provident sit autem perferendis et error.Lorem ipsum dolor sit amet. Nam provident provident sit autem perferendis et error.Lorem ipsum dolor sit amet. Nam provident provident sit autem perferendis et error.Lorem ipsum dolor sit amet. Nam provident provident sit autem perferendis et error.
|
||||
<a href="#" class="read-more-link">Read More</a>
|
||||
</p2>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="course-content-section">
|
||||
<h2 class="course-content-heading">Course Content</h2>
|
||||
<div class="lesson-card">
|
||||
<div class="lesson-header">
|
||||
<span class="lesson-title">Lesson Title 1</span>
|
||||
<img src="../images/title1.png" alt="Icon" class="lesson-icon" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="lesson-card2">
|
||||
<div class="lesson-header2">
|
||||
<span class="lesson-title2">Lesson Title 2</span>
|
||||
<img src="../images/title2.png" alt="Icon" class="lesson-icon" />
|
||||
</div>
|
||||
<p class="lesson-description">
|
||||
This is the detailed description for Lesson Title 2. It explains the topics in more depth and provides valuable information.
|
||||
</p>
|
||||
|
||||
<div class="lesson-points-horizontal">
|
||||
<div class="lesson-point">
|
||||
<span class="icon">✔️</span>
|
||||
<span>Lorem Ipsum is simply dummy text of the printing and typesetting industry. .</span>
|
||||
</div>
|
||||
<div class="lesson-point">
|
||||
<span class="icon">✔️</span>
|
||||
<span>Lorem Ipsum is simply dummy text of the printing and typesetting industry. .</span>
|
||||
</div>
|
||||
<div class="lesson-point">
|
||||
<span class="icon">✔️</span>
|
||||
<span>TLorem Ipsum is simply dummy text of the printing and typesetting industry. .</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lesson-card">
|
||||
<div class="lesson-header">
|
||||
<span class="lesson-title">Lesson Title 1</span>
|
||||
<img src="../images/title1.png" alt="Icon" class="lesson-icon" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="lesson-card">
|
||||
<div class="lesson-header">
|
||||
<span class="lesson-title">Lesson Title 1</span>
|
||||
<img src="../images/title1.png" alt="Icon" class="lesson-icon" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Writer Review Section -->
|
||||
<section class="writer-review-container">
|
||||
<div class="writer-review-header">
|
||||
<h2 class="writer-review-title">Writer Review</h2>
|
||||
<a href="#" class="view-other-reviews">View Other Reviews</a>
|
||||
</div>
|
||||
<div class="review-input-section">
|
||||
<input type="text" class="review-input-box" placeholder="Type something..." />
|
||||
<div class="star-rating-box">
|
||||
<i class="fas fa-star star"></i>
|
||||
<i class="fas fa-star star"></i>
|
||||
<i class="fas fa-star star"></i>
|
||||
<i class="fas fa-star star"></i>
|
||||
<i class="fas fa-star star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<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>© 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>© 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>
|
||||
366
pages/coursepage.html
Normal file
366
pages/coursepage.html
Normal file
@@ -0,0 +1,366 @@
|
||||
<!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/course.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 rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.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>
|
||||
|
||||
|
||||
<div class="mentorHeading">
|
||||
<h1>Course</h1>
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<input type="text" class="search-input" placeholder="Search here">
|
||||
<img src="../images/Vector.png" alt="Search" class="search-icon">
|
||||
</div>
|
||||
|
||||
<!-- Main Section -->
|
||||
<main>
|
||||
<section class="course-section">
|
||||
<h1 class="course-heading">Get Started with Courses</h1>
|
||||
<div class="tabs-and-icons">
|
||||
<div class="tabs">
|
||||
<div class="tab active">AI</div>
|
||||
<div class="tab">ML</div>
|
||||
<div class="tab">Python</div>
|
||||
<div class="tab">FullStack</div>
|
||||
</div>
|
||||
<div class="view-icons">
|
||||
<div class="icon grid-view active">
|
||||
<img src="../images/gridcourse.png" alt="Grid View">
|
||||
</div>
|
||||
<div class="icon list-view">
|
||||
<img src="..//images/courselist.png" alt="List View">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="line"></div>
|
||||
<div class="course-grid">
|
||||
<div class="course-card">
|
||||
<img src="../images/course1.png" alt="Course 1">
|
||||
<p class="category">Category 1</p>
|
||||
<a href="../pages/coursedetail.html" class="course-link">
|
||||
<h2 class="course-title">Front End Developer - Basic</h2>
|
||||
</a>
|
||||
<p class="course-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.</p>
|
||||
</div>
|
||||
|
||||
<div class="course-card">
|
||||
<img src="../images/course1.png" alt="Course 2">
|
||||
<p class="category">Category 2</p>
|
||||
<a href="../pages/coursedetail.html" class="course-link">
|
||||
<h2 class="course-title">Front End Developer - Basic</h2>
|
||||
</a>
|
||||
<p class="course-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor..</p>
|
||||
</div>
|
||||
|
||||
<div class="course-card">
|
||||
<img src="../images/course2.png" alt="Course 3">
|
||||
<p class="category">Category 3</p>
|
||||
<a href="../pages/coursedetail.html" class="course-link">
|
||||
<h2 class="course-title">Front End Developer - Basic</h2>
|
||||
</a>
|
||||
<p class="course-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.</p>
|
||||
</div>
|
||||
|
||||
<div class="course-card">
|
||||
<img src="../images/course2.png" alt="Course 3">
|
||||
<p class="category">Category 3</p>
|
||||
<a href="../pages/coursedetail.html" class="course-link">
|
||||
<h2 class="course-title">Front End Developer - Basic</h2>
|
||||
</a>
|
||||
<p class="course-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.</p>
|
||||
</div>
|
||||
|
||||
<div class="course-card">
|
||||
<img src="../images/course2.png" alt="Course 3">
|
||||
<p class="category">Category 3</p>
|
||||
<a href="../pages/coursedetail.html" class="course-link">
|
||||
<h2 class="course-title">Front End Developer - Basic</h2>
|
||||
</a>
|
||||
<p class="course-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.</p>
|
||||
</div>
|
||||
|
||||
<div class="course-card">
|
||||
<img src="../images/course2.png" alt="Course 3">
|
||||
<p class="category">Category 3</p>
|
||||
<a href="../pages/coursedetail.html" class="course-link">
|
||||
<h2 class="course-title">Front End Developer - Basic</h2>
|
||||
</a>
|
||||
<p class="course-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<section class="affordable-courses">
|
||||
<h2 class="affordable-heading">Courses That Are Affordable</h2>
|
||||
<p class="affordable-description">
|
||||
Explore our curated list of courses designed to provide quality education at an affordable price.
|
||||
</p>
|
||||
|
||||
<div class="affordable-grid">
|
||||
|
||||
<div class="course-box">
|
||||
<div class="course-image">
|
||||
<img src="../images/affordable 1.png" alt="Course 1">
|
||||
<div class="sale-badge">Sale</div>
|
||||
</div>
|
||||
<h3 class="course-title1">AI & ML</h3>
|
||||
<p class="course-info">Learn the basics and advanced concepts of AI and ML in this comprehensive course.</p>
|
||||
<div class="course-details">
|
||||
<div class="detail-item">
|
||||
<img src="../images/clock.png" alt="Clock Icon">
|
||||
<span>22 Hours</span>
|
||||
</div>
|
||||
<div class="detail-item">
|
||||
<img src="../images/lession.png" alt="Lessons Icon">
|
||||
<span>64 Lessons</span>
|
||||
</div>
|
||||
<div class="detail-item progress-item">
|
||||
<img src="../images/progress.png" alt="Progress Icon">
|
||||
<span>Progress</span>
|
||||
</div>
|
||||
</div>
|
||||
<button class="register-btn">
|
||||
Register Now
|
||||
<i class="fas fa-angle-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="course-box">
|
||||
<div class="course-image">
|
||||
<img src="../images/affordable 2.png" alt="Course 2">
|
||||
<div class="sale-badge">Sale</div>
|
||||
</div>
|
||||
<h3 class="course-title1">AI & ML</h3>
|
||||
<p class="course-info">Learn the basics and advanced concepts of AI and ML in this comprehensive course.</p>
|
||||
<div class="course-details">
|
||||
<div class="detail-item">
|
||||
<img src="../images/clock.png" alt="Clock Icon">
|
||||
<span>22 Hours</span>
|
||||
</div>
|
||||
<div class="detail-item">
|
||||
<img src="../images/lession.png" alt="Lessons Icon">
|
||||
<span>64 Lessons</span>
|
||||
</div>
|
||||
<div class="detail-item progress-item">
|
||||
<img src="../images/progress.png" alt="Progress Icon">
|
||||
<span>Progress</span>
|
||||
</div>
|
||||
</div>
|
||||
<button class="register-btn">
|
||||
Register Now
|
||||
<i class="fas fa-angle-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="course-box">
|
||||
<div class="course-image">
|
||||
<img src="../images/affordable 3.png" alt="Course 3">
|
||||
<div class="sale-badge">Sale</div>
|
||||
</div>
|
||||
<h3 class="course-title1">AI & ML</h3>
|
||||
<p class="course-info">Learn the basics and advanced concepts of AI and ML in this comprehensive course.</p>
|
||||
<div class="course-details">
|
||||
<div class="detail-item">
|
||||
<img src="../images/clock.png" alt="Clock Icon">
|
||||
<span>22 Hours</span>
|
||||
</div>
|
||||
<div class="detail-item">
|
||||
<img src="../images/lession.png" alt="Lessons Icon">
|
||||
<span>64 Lessons</span>
|
||||
</div>
|
||||
<div class="detail-item progress-item">
|
||||
<img src="../images/progress.png" alt="Progress Icon">
|
||||
<span>Progress</span>
|
||||
</div>
|
||||
</div>
|
||||
<button class="register-btn">
|
||||
Register Now
|
||||
<i class="fas fa-angle-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<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>© 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>© 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>
|
||||
451
pages/event.html
Normal file
451
pages/event.html
Normal file
@@ -0,0 +1,451 @@
|
||||
<!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/event.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>Events</h1>
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<input type="text" class="search-input" placeholder="Search here">
|
||||
<img src="../images/Vector.png" alt="Search" class="search-icon">
|
||||
</div>
|
||||
<div class="event-headings">
|
||||
<h4><a href="../pages/in-persn event.html"> Online Event</a></h4>
|
||||
<h4><a href="../pages/in-persn event.html">In-Person Event</a></h4>
|
||||
<h4><a href="../pages/in-persn event.html">Post Event</a></h4>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div class="event-headings">
|
||||
<div class="specific-line"></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
<div class="promoSection">
|
||||
<h2>Promotional Event</h2>
|
||||
<div class="promo-container">
|
||||
<div class="promo-box">
|
||||
<div class="date-box">
|
||||
<p class="date">4 June 2023</p>
|
||||
<p class="event-time">10:00 AM - 1:00 PM</p>
|
||||
</div>
|
||||
<div class="imageContent">
|
||||
<div>
|
||||
<img src="../images/Ellipse 360.png" alt="Event Image" class="event-image">
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="event-heading">Event Title</h5>
|
||||
<p class="event-paragraph">Lorem Ipsum is simply dummy text of the printing.</p>
|
||||
<div class="event-location">
|
||||
<div class="locationCard">
|
||||
<img src="../images/location.png" alt="Location Icon" class="location-icon">
|
||||
<p>Mumbai</p>
|
||||
</div>
|
||||
<button class="eventButton">Free</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="listButton">
|
||||
<ul>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>Athe growing demand for IT professionals in today's digital age.</li>
|
||||
</ul>
|
||||
<button class="registerButton">
|
||||
Register Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="promo-box">
|
||||
<div class="date-box">
|
||||
<p class="date">4 June 2023</p>
|
||||
<p class="event-time">10:00 AM - 1:00 PM</p>
|
||||
</div>
|
||||
<div class="imageContent">
|
||||
<div>
|
||||
<img src="../images/Ellipse 360.png" alt="Event Image" class="event-image">
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="event-heading">Event Title</h5>
|
||||
<p class="event-paragraph">Lorem Ipsum is simply dummy text of the printing.</p>
|
||||
<div class="event-location">
|
||||
<div class="locationCard">
|
||||
<img src="../images/location.png" alt="Location Icon" class="location-icon">
|
||||
<p>Mumbai</p>
|
||||
</div>
|
||||
<button class="eventButton">Free</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="listButton">
|
||||
<ul>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>Athe growing demand for IT professionals in today's digital age.</li>
|
||||
</ul>
|
||||
<button class="registerButton">
|
||||
Register Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="promo-box">
|
||||
<div class="date-box">
|
||||
<p class="date">4 June 2023</p>
|
||||
<p class="event-time">10:00 AM - 1:00 PM</p>
|
||||
</div>
|
||||
<div class="imageContent">
|
||||
<div>
|
||||
<img src="../images/Ellipse 360.png" alt="Event Image" class="event-image">
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="event-heading">Event Title</h5>
|
||||
<p class="event-paragraph">Lorem Ipsum is simply dummy text of the printing.</p>
|
||||
<div class="event-location">
|
||||
<div class="locationCard">
|
||||
<img src="../images/location.png" alt="Location Icon" class="location-icon">
|
||||
<p>Mumbai</p>
|
||||
</div>
|
||||
<button class="eventButton">Free</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="listButton">
|
||||
<ul>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>Athe growing demand for IT professionals in today's digital age.</li>
|
||||
</ul>
|
||||
<button class="registerButton">
|
||||
Register Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="promo-box">
|
||||
<div class="date-box">
|
||||
<p class="date">4 June 2023</p>
|
||||
<p class="event-time">10:00 AM - 1:00 PM</p>
|
||||
</div>
|
||||
<div class="imageContent">
|
||||
<div>
|
||||
<img src="../images/Ellipse 360.png" alt="Event Image" class="event-image">
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="event-heading">Event Title</h5>
|
||||
<p class="event-paragraph">Lorem Ipsum is simply dummy text of the printing.</p>
|
||||
<div class="event-location">
|
||||
<div class="locationCard">
|
||||
<img src="../images/location.png" alt="Location Icon" class="location-icon">
|
||||
<p>Mumbai</p>
|
||||
</div>
|
||||
<button class="eventButton">Free</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="listButton">
|
||||
<ul>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>Athe growing demand for IT professionals in today's digital age.</li>
|
||||
</ul>
|
||||
<button class="registerButton">
|
||||
Register Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="promo-box">
|
||||
<div class="date-box">
|
||||
<p class="date">4 June 2023</p>
|
||||
<p class="event-time">10:00 AM - 1:00 PM</p>
|
||||
</div>
|
||||
<div class="imageContent">
|
||||
<div>
|
||||
<img src="../images/Ellipse 360.png" alt="Event Image" class="event-image">
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="event-heading">Event Title</h5>
|
||||
<p class="event-paragraph">Lorem Ipsum is simply dummy text of the printing.</p>
|
||||
<div class="event-location">
|
||||
<div class="locationCard">
|
||||
<img src="../images/location.png" alt="Location Icon" class="location-icon">
|
||||
<p>Mumbai</p>
|
||||
</div>
|
||||
<button class="eventButton">Free</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="listButton">
|
||||
<ul>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>Athe growing demand for IT professionals in today's digital age.</li>
|
||||
</ul>
|
||||
<button class="registerButton">
|
||||
Register Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="promo-box">
|
||||
<div class="date-box">
|
||||
<p class="date">4 June 2023</p>
|
||||
<p class="event-time">10:00 AM - 1:00 PM</p>
|
||||
</div>
|
||||
<div class="imageContent">
|
||||
<div>
|
||||
<img src="../images/Ellipse 360.png" alt="Event Image" class="event-image">
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="event-heading">Event Title</h5>
|
||||
<p class="event-paragraph">Lorem Ipsum is simply dummy text of the printing.</p>
|
||||
<div class="event-location">
|
||||
<div class="locationCard">
|
||||
<img src="../images/location.png" alt="Location Icon" class="location-icon">
|
||||
<p>Mumbai</p>
|
||||
</div>
|
||||
<button class="eventButton">Free</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="listButton">
|
||||
<ul>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>Athe growing demand for IT professionals in today's digital age.</li>
|
||||
</ul>
|
||||
<button class="registerButton">
|
||||
Register Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row1">
|
||||
<div class="col-md-4">
|
||||
<h3>Training We Provide</h3>
|
||||
<p class="provide-paragraph">the growing demand for IT professionals in today's digital age.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="box">
|
||||
<div class="rectangle">
|
||||
<img src="../images/1rec.png" alt="Image 1" class="img2">
|
||||
</div>
|
||||
<h4>Fullstack Developer</h4>
|
||||
<img src="../images/line_img.png" alt="Image 1">
|
||||
<p class="service-paragraph">The gradual accumulation of
|
||||
information about atomic and
|
||||
small-scale behaviour....</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="box">
|
||||
<div class="rectangle">
|
||||
<img src="../images/2rec.png" alt="Image 1" class="img2">
|
||||
</div>
|
||||
<h4>AI / ML</h4>
|
||||
<img src="../images/line_img.png" alt="Image 2">
|
||||
<p class="service-paragraph">The gradual accumulation of
|
||||
information about atomic and
|
||||
small-scale behaviour....</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="box">
|
||||
<div class="rectangle">
|
||||
<img src="../images/3rec.png" alt="Image 1" class="img2">
|
||||
</div>
|
||||
<h4>devOps</h4>
|
||||
<img src="../images/line_img.png" alt="Image 3">
|
||||
<p class="service-paragraph">The gradual accumulation of
|
||||
information about atomic and
|
||||
small-scale behaviour....</p>
|
||||
</div>
|
||||
</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>© 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>© 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>
|
||||
320
pages/homepage.html
Normal file
320
pages/homepage.html
Normal file
@@ -0,0 +1,320 @@
|
||||
<!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>© 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>© 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>
|
||||
455
pages/in-persn event.html
Normal file
455
pages/in-persn event.html
Normal file
@@ -0,0 +1,455 @@
|
||||
<!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/in-person.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>Events</h1>
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<input type="text" class="search-input" placeholder="Search here">
|
||||
<img src="../images/Vector.png" alt="Search" class="search-icon">
|
||||
</div>
|
||||
<div class="event-headings">
|
||||
<h4><a href="../pages/event.html"> Online Event</a></h4>
|
||||
<h4><a href="../pages/in-persn event.html">In-Person Event</a></h4>
|
||||
<h4><a href="../pages/post event.html">Post Event</a></h4>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div class="event-headings">
|
||||
<div class="specific-line"></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
<div class="promoSection">
|
||||
<h2>Promotional Event</h2>
|
||||
<div class="promo-container">
|
||||
<div class="promo-box">
|
||||
<div class="date-box">
|
||||
<p class="date">4 June 2023</p>
|
||||
<p class="event-time">10:00 AM - 1:00 PM</p>
|
||||
</div>
|
||||
<div class="imageContent">
|
||||
<div>
|
||||
<img src="../images/Ellipse 360.png" alt="Event Image" class="event-image">
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="event-heading">Event Title</h5>
|
||||
<p class="event-paragraph">Lorem Ipsum is simply dummy text of the printing.</p>
|
||||
<div class="event-location">
|
||||
<div class="locationCard">
|
||||
<img src="../images/location.png" alt="Location Icon" class="location-icon">
|
||||
<p>Mumbai</p>
|
||||
</div>
|
||||
<button class="eventButton">Free</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="listButton">
|
||||
<ul>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>Athe growing demand for IT professionals in today's digital age.</li>
|
||||
</ul>
|
||||
<button class="registerButton">
|
||||
Register Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="promo-box">
|
||||
<div class="date-box">
|
||||
<p class="date">4 June 2023</p>
|
||||
<p class="event-time">10:00 AM - 1:00 PM</p>
|
||||
</div>
|
||||
<div class="imageContent">
|
||||
<div>
|
||||
<img src="../images/Ellipse 360.png" alt="Event Image" class="event-image">
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="event-heading">Event Title</h5>
|
||||
<p class="event-paragraph">Lorem Ipsum is simply dummy text of the printing.</p>
|
||||
<div class="event-location">
|
||||
<div class="locationCard">
|
||||
<img src="../images/location.png" alt="Location Icon" class="location-icon">
|
||||
<p>Mumbai</p>
|
||||
</div>
|
||||
<button class="eventButton">Free</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="listButton">
|
||||
<ul>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>Athe growing demand for IT professionals in today's digital age.</li>
|
||||
</ul>
|
||||
<button class="registerButton">
|
||||
Register Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="promo-box">
|
||||
<div class="date-box">
|
||||
<p class="date">4 June 2023</p>
|
||||
<p class="event-time">10:00 AM - 1:00 PM</p>
|
||||
</div>
|
||||
<div class="imageContent">
|
||||
<div>
|
||||
<img src="../images/Ellipse 360.png" alt="Event Image" class="event-image">
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="event-heading">Event Title</h5>
|
||||
<p class="event-paragraph">Lorem Ipsum is simply dummy text of the printing.</p>
|
||||
<div class="event-location">
|
||||
<div class="locationCard">
|
||||
<img src="../images/location.png" alt="Location Icon" class="location-icon">
|
||||
<p>Mumbai</p>
|
||||
</div>
|
||||
<button class="eventButton">Free</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="listButton">
|
||||
<ul>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>Athe growing demand for IT professionals in today's digital age.</li>
|
||||
</ul>
|
||||
<button class="registerButton">
|
||||
Register Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="promo-box">
|
||||
<div class="date-box">
|
||||
<p class="date">4 June 2023</p>
|
||||
<p class="event-time">10:00 AM - 1:00 PM</p>
|
||||
</div>
|
||||
<div class="imageContent">
|
||||
<div>
|
||||
<img src="../images/Ellipse 360.png" alt="Event Image" class="event-image">
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="event-heading">Event Title</h5>
|
||||
<p class="event-paragraph">Lorem Ipsum is simply dummy text of the printing.</p>
|
||||
<div class="event-location">
|
||||
<div class="locationCard">
|
||||
<img src="../images/location.png" alt="Location Icon" class="location-icon">
|
||||
<p>Mumbai</p>
|
||||
</div>
|
||||
<button class="eventButton">Free</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="listButton">
|
||||
<ul>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>Athe growing demand for IT professionals in today's digital age.</li>
|
||||
</ul>
|
||||
<button class="registerButton">
|
||||
Register Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="promo-box">
|
||||
<div class="date-box">
|
||||
<p class="date">4 June 2023</p>
|
||||
<p class="event-time">10:00 AM - 1:00 PM</p>
|
||||
</div>
|
||||
<div class="imageContent">
|
||||
<div>
|
||||
<img src="../images/Ellipse 360.png" alt="Event Image" class="event-image">
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="event-heading">Event Title</h5>
|
||||
<p class="event-paragraph">Lorem Ipsum is simply dummy text of the printing.</p>
|
||||
<div class="event-location">
|
||||
<div class="locationCard">
|
||||
<img src="../images/location.png" alt="Location Icon" class="location-icon">
|
||||
<p>Mumbai</p>
|
||||
</div>
|
||||
<button class="eventButton">Free</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="listButton">
|
||||
<ul>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>Athe growing demand for IT professionals in today's digital age.</li>
|
||||
</ul>
|
||||
<button class="registerButton">
|
||||
Register Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="promo-box">
|
||||
<div class="date-box">
|
||||
<p class="date">4 June 2023</p>
|
||||
<p class="event-time">10:00 AM - 1:00 PM</p>
|
||||
</div>
|
||||
<div class="imageContent">
|
||||
<div>
|
||||
<img src="../images/Ellipse 360.png" alt="Event Image" class="event-image">
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="event-heading">Event Title</h5>
|
||||
<p class="event-paragraph">Lorem Ipsum is simply dummy text of the printing.</p>
|
||||
<div class="event-location">
|
||||
<div class="locationCard">
|
||||
<img src="../images/location.png" alt="Location Icon" class="location-icon">
|
||||
<p>Mumbai</p>
|
||||
</div>
|
||||
<button class="eventButton">Free</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="listButton">
|
||||
<ul>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>Athe growing demand for IT professionals in today's digital age.</li>
|
||||
</ul>
|
||||
<button class="registerButton">
|
||||
Register Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row1">
|
||||
<div class="col-md-4">
|
||||
<h3>Training We Provide</h3>
|
||||
<p class="provide-paragraph">the growing demand for IT professionals in today's digital age.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="box">
|
||||
<div class="rectangle">
|
||||
<img src="../images/1rec.png" alt="Image 1" class="img2">
|
||||
</div>
|
||||
<h4>Fullstack Developer</h4>
|
||||
<img src="../images/line_img.png" alt="Image 1">
|
||||
<p class="service-paragraph">The gradual accumulation of
|
||||
information about atomic and
|
||||
small-scale behaviour....</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="box">
|
||||
<div class="rectangle">
|
||||
<img src="../images/2rec.png" alt="Image 1" class="img2">
|
||||
</div>
|
||||
<h4>AI / ML</h4>
|
||||
<img src="../images/line_img.png" alt="Image 2">
|
||||
<p class="service-paragraph">The gradual accumulation of
|
||||
information about atomic and
|
||||
small-scale behaviour....</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="box">
|
||||
<div class="rectangle">
|
||||
<img src="../images/3rec.png" alt="Image 1" class="img2">
|
||||
</div>
|
||||
<h4>devOps</h4>
|
||||
<img src="../images/line_img.png" alt="Image 3">
|
||||
<p class="service-paragraph">The gradual accumulation of
|
||||
information about atomic and
|
||||
small-scale behaviour....</p>
|
||||
</div>
|
||||
</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>© 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>© 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>
|
||||
262
pages/innerpage.html
Normal file
262
pages/innerpage.html
Normal file
@@ -0,0 +1,262 @@
|
||||
<!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>© 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>© 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>
|
||||
282
pages/mentor inner.html
Normal file
282
pages/mentor inner.html
Normal file
@@ -0,0 +1,282 @@
|
||||
<!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/innermentor.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 rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.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>
|
||||
|
||||
<!-- Main container -->
|
||||
<div class="mentor-detail-container">
|
||||
<!-- Left Section -->
|
||||
<div class="mentor-left">
|
||||
<div class="mentor-info-box">
|
||||
<img src="../images/innermentor.png" alt="Mentor Image" class="mentor-image">
|
||||
<div class="mentor-header">
|
||||
<h2 class="mentor-name">John Dewey</h2>
|
||||
<div class="mentor-actions">
|
||||
<span class="icon-circle"><i class="fa-solid fa-phone"></i></span>
|
||||
<span class="icon-circle"><i class="fa-solid fa-envelope"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mentor-description">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
|
||||
</p>
|
||||
<div class="mentor-stats-box">
|
||||
<div class="mentor-stat-row">
|
||||
<p class="stat-title">Experience</p>
|
||||
<p class="stat-value">5 Years</p>
|
||||
</div>
|
||||
<div class="mentor-stat-row">
|
||||
<p class="stat-title">Total Courses</p>
|
||||
<p class="stat-value">30</p>
|
||||
</div>
|
||||
<div class="mentor-stat-row">
|
||||
<p class="stat-title">Rating</p>
|
||||
<p class="stat-value">4.6 ★</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right Section -->
|
||||
<div class="mentor-right">
|
||||
<h2 class="section-heading">Education</h2>
|
||||
<p class="section-description">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting,
|
||||
</p>
|
||||
<h2 class="section-heading">Certificate</h2>
|
||||
<p class="section-description">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting,
|
||||
</p>
|
||||
<h2 class="section-heading">Specialisties</h2>
|
||||
<div class="specialist-buttons">
|
||||
<button class="specialist-button">Digital Marketing</button>
|
||||
<button class="specialist-button">Business Strategy</button>
|
||||
<button class="specialist-button">Business Strategy</button>
|
||||
<button class="specialist-button">Business Strategy</button>
|
||||
</div>
|
||||
|
||||
<h2 class="section-heading">Experience</h2>
|
||||
<p class="section-description">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting,
|
||||
</p>
|
||||
<ul class="experience-list">
|
||||
<li>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</li>
|
||||
<li>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</li>
|
||||
<li>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="courses-section">
|
||||
<h4 class="section-heading1">Courses</h4>
|
||||
<div class="courses-container">
|
||||
|
||||
<div class="course-box">
|
||||
<img src="../images/mentor course.png" alt="Course Image" class="course-img">
|
||||
<h3 class="course-title">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
|
||||
<p class="course-author">By Tarun Luthra</p>
|
||||
<p class="course-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur justo quis euismod vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
<button class="enroll-btn">Enroll Now</button>
|
||||
</div>
|
||||
<div class="course-box">
|
||||
<img src="../images/mentor course.png" alt="Course Image" class="course-img">
|
||||
<h3 class="course-title">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
|
||||
<p class="course-author">By Tarun Luthra</p>
|
||||
<p class="course-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur justo quis euismod vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
<button class="enroll-btn">Enroll Now</button>
|
||||
</div>
|
||||
<div class="course-box">
|
||||
<img src="../images/mentor course.png" alt="Course Image" class="course-img">
|
||||
<h3 class="course-title">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
|
||||
<p class="course-author">By Tarun Luthra</p>
|
||||
<p class="course-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur justo quis euismod vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
<button class="enroll-btn">Enroll Now</button>
|
||||
</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>© 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>© 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>
|
||||
317
pages/mentor.html
Normal file
317
pages/mentor.html
Normal file
@@ -0,0 +1,317 @@
|
||||
<!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/mentor.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 rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.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>
|
||||
|
||||
<div class="mentorHeading">
|
||||
<h1>Mentors</h1>
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<input type="text" class="search-input" placeholder="Search here">
|
||||
<img src="../images/Vector.png" alt="Search" class="search-icon">
|
||||
</div>
|
||||
<div class="container mt-5 mentorsContainer">
|
||||
<h2 class="mb-4 text-start">Meet Our Mentors</h2>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="mentor-box">
|
||||
<img src="../images/mentor1.png" alt="Mentor 1" class="mentor-img">
|
||||
<div class="mentor-info">
|
||||
<h3 class="mentor-name">John Doe</h3>
|
||||
<div class="mentor-actions">
|
||||
<span class="icon-circle"><i class="fa-solid fa-phone"></i></span>
|
||||
<span class="icon-circle"><i class="fa-solid fa-envelope"></i></span>
|
||||
</div>
|
||||
<p class="mentor-designation">CEO</p>
|
||||
<h4 class="mentor-specialist">Specialist</h4>
|
||||
<div class="mentor-buttons">
|
||||
<button class="btn btn-primary rounded-pill">Digital Marketing</button>
|
||||
<button class="btn btn-primary rounded-pill">IT</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="mentor-box">
|
||||
<img src="../images/mentor 2.png" alt="Mentor 2" class="mentor-img">
|
||||
<div class="mentor-info">
|
||||
<h3 class="mentor-name">Jane Smith</h3>
|
||||
<div class="mentor-actions">
|
||||
<span class="icon-circle"><i class="fa-solid fa-phone"></i></span>
|
||||
<span class="icon-circle"><i class="fa-solid fa-envelope"></i></span>
|
||||
</div>
|
||||
<p class="mentor-designation">Marketing Specialist</p>
|
||||
<h4 class="mentor-specialist">Specialist</h4>
|
||||
<div class="mentor-buttons">
|
||||
<button class="btn btn-primary rounded-pill">Social Media</button>
|
||||
<button class="btn btn-primary rounded-pill">SEO</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="mentor-box">
|
||||
<img src="../images/mentor 3.png" alt="Mentor 3" class="mentor-img">
|
||||
<div class="mentor-info">
|
||||
<h3 class="mentor-name">Mike Johnson</h3>
|
||||
<div class="mentor-actions">
|
||||
<span class="icon-circle"><i class="fa-solid fa-phone"></i></span>
|
||||
<span class="icon-circle"><i class="fa-solid fa-envelope"></i></span>
|
||||
</div>
|
||||
<p class="mentor-designation">IT Specialist</p>
|
||||
<h4 class="mentor-specialist">Specialist</h4>
|
||||
<div class="mentor-buttons">
|
||||
<button class="btn btn-primary rounded-pill">Cybersecurity</button>
|
||||
<button class="btn btn-primary rounded-pill">Cloud</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="mentor-box">
|
||||
<img src="../images/mentor1.png" alt="Mentor 1" class="mentor-img">
|
||||
<div class="mentor-info">
|
||||
<h3 class="mentor-name">John Doe</h3>
|
||||
<div class="mentor-actions">
|
||||
<span class="icon-circle"><i class="fa-solid fa-phone"></i></span>
|
||||
<span class="icon-circle"><i class="fa-solid fa-envelope"></i></span>
|
||||
</div>
|
||||
<p class="mentor-designation">CEO</p>
|
||||
<h4 class="mentor-specialist">Specialist</h4>
|
||||
<div class="mentor-buttons">
|
||||
<button class="btn btn-primary rounded-pill">Digital Marketing</button>
|
||||
<button class="btn btn-primary rounded-pill">IT</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="mentor-box">
|
||||
<img src="../images/mentor 2.png" alt="Mentor 2" class="mentor-img">
|
||||
<div class="mentor-info">
|
||||
<h3 class="mentor-name">Jane Smith</h3>
|
||||
<div class="mentor-actions">
|
||||
<span class="icon-circle"><i class="fa-solid fa-phone"></i></span>
|
||||
<span class="icon-circle"><i class="fa-solid fa-envelope"></i></span>
|
||||
</div>
|
||||
<p class="mentor-designation">Marketing Specialist</p>
|
||||
<h4 class="mentor-specialist">Specialist</h4>
|
||||
<div class="mentor-buttons">
|
||||
<button class="btn btn-primary rounded-pill">Social Media</button>
|
||||
<button class="btn btn-primary rounded-pill">SEO</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="mentor-box">
|
||||
<img src="../images/mentor 3.png" alt="Mentor 3" class="mentor-img">
|
||||
<div class="mentor-info">
|
||||
<h3 class="mentor-name">Mike Johnson</h3>
|
||||
<div class="mentor-actions">
|
||||
<span class="icon-circle"><i class="fa-solid fa-phone"></i></span>
|
||||
<span class="icon-circle"><i class="fa-solid fa-envelope"></i></span>
|
||||
</div>
|
||||
<p class="mentor-designation">IT Specialist</p>
|
||||
<h4 class="mentor-specialist">Specialist</h4>
|
||||
<div class="mentor-buttons">
|
||||
<button class="btn btn-primary rounded-pill">Cybersecurity</button>
|
||||
<button class="btn btn-primary rounded-pill">Cloud</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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>© 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>© 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>
|
||||
454
pages/post event.html
Normal file
454
pages/post event.html
Normal file
@@ -0,0 +1,454 @@
|
||||
<!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/post-event.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>Events</h1>
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<input type="text" class="search-input" placeholder="Search here">
|
||||
<img src="../images/Vector.png" alt="Search" class="search-icon">
|
||||
</div>
|
||||
<div class="event-headings">
|
||||
<h4><a href="../pages/event.html"> Online Event</a></h4>
|
||||
<h4><a href="../pages/in-persn event.html">In-Person Event</a></h4>
|
||||
<h4><a href="../pages/post event.html">Post Event</a></h4>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div class="event-headings">
|
||||
<div class="specific-line"></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
<div class="promoSection">
|
||||
<h2>Promotional Event</h2>
|
||||
<div class="promo-container">
|
||||
<div class="promo-box">
|
||||
<div class="date-box">
|
||||
<p class="date">4 June 2023</p>
|
||||
<p class="event-time">10:00 AM - 1:00 PM</p>
|
||||
</div>
|
||||
<div class="imageContent">
|
||||
<div>
|
||||
<img src="../images/Ellipse 360.png" alt="Event Image" class="event-image">
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="event-heading">Event Title</h5>
|
||||
<p class="event-paragraph">Lorem Ipsum is simply dummy text of the printing.</p>
|
||||
<div class="event-location">
|
||||
<div class="locationCard">
|
||||
<img src="../images/location.png" alt="Location Icon" class="location-icon">
|
||||
<p>Mumbai</p>
|
||||
</div>
|
||||
<button class="eventButton">Free</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="listButton">
|
||||
<ul>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>Athe growing demand for IT professionals in today's digital age.</li>
|
||||
</ul>
|
||||
<button class="registerButton">
|
||||
Register Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="promo-box">
|
||||
<div class="date-box">
|
||||
<p class="date">4 June 2023</p>
|
||||
<p class="event-time">10:00 AM - 1:00 PM</p>
|
||||
</div>
|
||||
<div class="imageContent">
|
||||
<div>
|
||||
<img src="../images/Ellipse 360.png" alt="Event Image" class="event-image">
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="event-heading">Event Title</h5>
|
||||
<p class="event-paragraph">Lorem Ipsum is simply dummy text of the printing.</p>
|
||||
<div class="event-location">
|
||||
<div class="locationCard">
|
||||
<img src="../images/location.png" alt="Location Icon" class="location-icon">
|
||||
<p>Mumbai</p>
|
||||
</div>
|
||||
<button class="eventButton">Free</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="listButton">
|
||||
<ul>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>Athe growing demand for IT professionals in today's digital age.</li>
|
||||
</ul>
|
||||
<button class="registerButton">
|
||||
Register Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="promo-box">
|
||||
<div class="date-box">
|
||||
<p class="date">4 June 2023</p>
|
||||
<p class="event-time">10:00 AM - 1:00 PM</p>
|
||||
</div>
|
||||
<div class="imageContent">
|
||||
<div>
|
||||
<img src="../images/Ellipse 360.png" alt="Event Image" class="event-image">
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="event-heading">Event Title</h5>
|
||||
<p class="event-paragraph">Lorem Ipsum is simply dummy text of the printing.</p>
|
||||
<div class="event-location">
|
||||
<div class="locationCard">
|
||||
<img src="../images/location.png" alt="Location Icon" class="location-icon">
|
||||
<p>Mumbai</p>
|
||||
</div>
|
||||
<button class="eventButton">Free</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="listButton">
|
||||
<ul>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>Athe growing demand for IT professionals in today's digital age.</li>
|
||||
</ul>
|
||||
<button class="registerButton">
|
||||
Register Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="promo-box">
|
||||
<div class="date-box">
|
||||
<p class="date">4 June 2023</p>
|
||||
<p class="event-time">10:00 AM - 1:00 PM</p>
|
||||
</div>
|
||||
<div class="imageContent">
|
||||
<div>
|
||||
<img src="../images/Ellipse 360.png" alt="Event Image" class="event-image">
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="event-heading">Event Title</h5>
|
||||
<p class="event-paragraph">Lorem Ipsum is simply dummy text of the printing.</p>
|
||||
<div class="event-location">
|
||||
<div class="locationCard">
|
||||
<img src="../images/location.png" alt="Location Icon" class="location-icon">
|
||||
<p>Mumbai</p>
|
||||
</div>
|
||||
<button class="eventButton">Free</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="listButton">
|
||||
<ul>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>Athe growing demand for IT professionals in today's digital age.</li>
|
||||
</ul>
|
||||
<button class="registerButton">
|
||||
Register Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="promo-box">
|
||||
<div class="date-box">
|
||||
<p class="date">4 June 2023</p>
|
||||
<p class="event-time">10:00 AM - 1:00 PM</p>
|
||||
</div>
|
||||
<div class="imageContent">
|
||||
<div>
|
||||
<img src="../images/Ellipse 360.png" alt="Event Image" class="event-image">
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="event-heading">Event Title</h5>
|
||||
<p class="event-paragraph">Lorem Ipsum is simply dummy text of the printing.</p>
|
||||
<div class="event-location">
|
||||
<div class="locationCard">
|
||||
<img src="../images/location.png" alt="Location Icon" class="location-icon">
|
||||
<p>Mumbai</p>
|
||||
</div>
|
||||
<button class="eventButton">Free</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="listButton">
|
||||
<ul>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>Athe growing demand for IT professionals in today's digital age.</li>
|
||||
</ul>
|
||||
<button class="registerButton">
|
||||
Register Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="promo-box">
|
||||
<div class="date-box">
|
||||
<p class="date">4 June 2023</p>
|
||||
<p class="event-time">10:00 AM - 1:00 PM</p>
|
||||
</div>
|
||||
<div class="imageContent">
|
||||
<div>
|
||||
<img src="../images/Ellipse 360.png" alt="Event Image" class="event-image">
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="event-heading">Event Title</h5>
|
||||
<p class="event-paragraph">Lorem Ipsum is simply dummy text of the printing.</p>
|
||||
<div class="event-location">
|
||||
<div class="locationCard">
|
||||
<img src="../images/location.png" alt="Location Icon" class="location-icon">
|
||||
<p>Mumbai</p>
|
||||
</div>
|
||||
<button class="eventButton">Free</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="listButton">
|
||||
<ul>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>the growing demand for IT professionals in today's digital age.</li>
|
||||
<li>Athe growing demand for IT professionals in today's digital age.</li>
|
||||
</ul>
|
||||
<button class="registerButton">
|
||||
Register Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row1">
|
||||
<div class="col-md-4">
|
||||
<h3>Training We Provide</h3>
|
||||
<p class="provide-paragraph">the growing demand for IT professionals in today's digital age.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="box">
|
||||
<div class="rectangle">
|
||||
<img src="../images/1rec.png" alt="Image 1" class="img2">
|
||||
</div>
|
||||
<h4>Fullstack Developer</h4>
|
||||
<img src="../images/line_img.png" alt="Image 1">
|
||||
<p class="service-paragraph">The gradual accumulation of
|
||||
information about atomic and
|
||||
small-scale behaviour....</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="box">
|
||||
<div class="rectangle">
|
||||
<img src="../images/2rec.png" alt="Image 1" class="img2">
|
||||
</div>
|
||||
<h4>AI / ML</h4>
|
||||
<img src="../images/line_img.png" alt="Image 2">
|
||||
<p class="service-paragraph">The gradual accumulation of
|
||||
information about atomic and
|
||||
small-scale behaviour....</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="box">
|
||||
<div class="rectangle">
|
||||
<img src="../images/3rec.png" alt="Image 1" class="img2">
|
||||
</div>
|
||||
<h4>devOps</h4>
|
||||
<img src="../images/line_img.png" alt="Image 3">
|
||||
<p class="service-paragraph">The gradual accumulation of
|
||||
information about atomic and
|
||||
small-scale behaviour....</p>
|
||||
</div>
|
||||
</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>© 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>© 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>
|
||||
292
pages/resource.html
Normal file
292
pages/resource.html
Normal file
@@ -0,0 +1,292 @@
|
||||
<!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/resource.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>
|
||||
<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 (2).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>
|
||||
<h2 class="recent-heading">Recent content</h2>
|
||||
<a href="#" class="view-all-link">View All</a>
|
||||
<div class="most-recent-content">
|
||||
|
||||
<div class="recent-rectangle">
|
||||
<div class="recent-details">
|
||||
<p class="small-text">Tutorial</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
<p class="date-time">18 july ,2023</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="recent-rectangle-2">
|
||||
<div class="recent-details">
|
||||
<p class="small-text">Tutorial</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
<p class="date-time">18 july ,2023</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="recent-rectangle-3">
|
||||
<div class="recent-details">
|
||||
<p class="small-text">Tutorial</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
<p class="date-time">18 july ,2023</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="most-recent-content">
|
||||
<div class="recent-rectangle">
|
||||
<div class="recent-details">
|
||||
<p class="small-text">Tutorial</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
<p class="date-time">18 july ,2023</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="recent-rectangle-2">
|
||||
<div class="recent-details">
|
||||
<p class="small-text">Tutorial</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
<p class="date-time">18 july ,2023</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="recent-rectangle-3">
|
||||
<div class="recent-details">
|
||||
<p class="small-text">Tutorial</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
<p class="date-time">18 july ,2023</p>
|
||||
</div>
|
||||
</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>© 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>© 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
Block a user