285 lines
11 KiB
HTML
285 lines
11 KiB
HTML
<!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> |