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

322 lines
10 KiB
HTML
Raw Permalink Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Website</title>
<link rel="stylesheet" type="text/css" href="../assets/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>&copy; 2023 learnexponent.co</p>
<p>learn exponent is a registered
trademark of learn exponent.co</p>
</div>
<div class="courseSection">
<h3 class="fontSemiBold">Courses</h3>
<ul>
<li>
<a href="">Classroom courses</a>
</li>
<li>
<a href="">Virtual classroom courses</a>
</li>
<li>
<a href="">E-learning courses</a>
</li>
<li>
<a href="">Video Courses</a>
</li>
<li>
<a href="">Offline Courses</a>
</li>
</ul>
</div>
<div class="quickLinkSection">
<h3 class="fontSemiBold">Quick Links</h3>
<ul>
<li>
<a href="">Home</a>
</li>
<li>
<a href="">Courses</a>
</li>
<li>
<a href="">Events</a>
</li>
<li>
<a href="">About Us</a>
</li>
<li>
<a href="">Resources</a>
</li>
<li>
<a href="">Blog</a>
</li>
</ul>
</div>
</div>
<div class="mobileFooterSection">
<div class="footerLogoSection">
<img src="../images/mobile.footer.logo.png" alt="footerLogo" class="footerLogoImg">
</div>
<div class="linksSection">
<div class="courseSection">
<h3 class="fontSemiBold">Courses</h3>
<ul>
<li>
<a href="">Classroom courses</a>
</li>
<li>
<a href="">Virtual classroom courses</a>
</li>
<li>
<a href="">E-learning courses</a>
</li>
<li>
<a href="">Video Courses</a>
</li>
<li>
<a href="">Offline Courses</a>
</li>
</ul>
</div>
<div class="quickLinkSection">
<h3 class="fontSemiBold">Quick Links</h3>
<ul>
<li>
<a href="">Home</a>
</li>
<li>
<a href="">Courses</a>
</li>
<li>
<a href="">Events</a>
</li>
<li>
<a href="">About Us</a>
</li>
<li>
<a href="">Resources</a>
</li>
<li>
<a href="">Blog</a>
</li>
</ul>
</div>
</div>
<div class="footerContent">
<ul class="socialSection">
<li><a href="#" target="_blank"><img src="../images/fb.icon.png" alt="Social Icon 1"></a></li>
<li><a href="#" target="_blank"><img src="../images/twiter.icon.png" alt="Social Icon 2"></a></li>
<li><a href="#" target="_blank"><img src="../images/insta.icon.png" alt="Social Icon 3"></a></li>
<li><a href="#" target="_blank"><img src="../images/linkdin.icon.png" alt="Social Icon 3"></a></li>
</ul>
<p>&copy; 2023 learnexponent.co</p>
<p>learn exponent is a registered
trademark of learn exponent.co</p>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink