Untitled
4 years ago in Plain Text
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<meta name="" content="">
<title>Daily Tution</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" href="bootstrap.min.css" title="" type="" />
<link rel="stylesheet" href="A.css" />
</head>
<body>
<div class="class1">
<header class="hc">
<div class="main-menu">
<nav class="navbar navbar-expand-lg navbar-light bg-light ">
<a class="navbar-brand" href="#"><img src="logo.png" alt="logo" /></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">about</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pages</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact-us</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
</div>
<main class="site-main">
<section class="site-banner">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12 site-title">
<h3 class="title-text">Hey</h3>
<h1 class="title-text text-uppercase">I am kalpesh</h1>
<h4 class="title-text text-uppercase">Computer Science geek</h4>
<div class="site-buttons">
<div class="d flex flex-row flex-wrap">
<button type="button" class="btn button primary-button mr-4 text-uppercase">hire me</button>
<button type="button" class="btn button primary-button mr-4 text-uppercase">get resume</button>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 banner-image">
<img src="banner-image.png " class="img-fluid" alt="" />
</div>
</div>
</div>
</section>
<section class="about-area">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 col-md-12">
<div class="about-img">
<img src="about-us.png" alt="" class="img-fluid" />
</div>
</div>
<div class="col-lg-6 col-md-12 about-title">
<h2 class="text-uppercase pt-5">
<span>let me</span>
<span>Introduce</span>
<span>my self</span>
</h2>
<div class="paragraph py-4 w-75">
<p class="para">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Error rerum iure obcaecati vel
possimus officia maiores perferendis ut! Quos, perspiciatis.
</p>
<p class="para">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Error rerum iure obcaecati vel
possimus officia maiores perferendis ut! Quos, perspiciatis.
</p>
</div>
<button type="button" class="btn button primary-button text-uppercase">Download cv</button>
</div>
</div>
</div>
</section>
<section class="brand-area">
<div class="container-fluid">
<div class="row">
<div class="col-xl-6 col-lg-12 col-md-12">
<div class="first-row row">
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="single-brand">
<img src="logo1.png" alt="Brand-1 ">
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="single-brand">
<img src="logo2.png" alt="Brand-2 ">
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="single-brand">
<img src="logo3.png" alt="Brand-3 ">
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="single-brand">
<img src="logo4.png" alt="Brand-4">
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="single-brand">
<img src="logo5.png" alt="Brand-5 ">
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="single-brand">
<img src="logo6.png" alt="Brand-6">
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="single-brand">
<img src="logo7.png" alt="Brand-7 ">
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="single-brand">
<img src="logo8.png" alt="Brand-8 ">
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="single-brand">
<img src="logo9.png" alt="Brand-9">
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-12 col-md-12">
<div class="experience-area">
<div class="d-flex flex-row years-area">
<h2 class="p-3 years">10</h2>
<h2>
<span>Years</span>
<span>Experience</span>
<span>Working</span>
</h2>
</div>
<div class="d-flex flex-row flex-wrap call-area">
<span><i class="fas fa-phone-alt fa-3x px-3"></i></span>
<div class="call-now">
<a href="#" class="text-uppercase h4 font-roboto">Call Now</a>
<span class="font-roboto py-2">(+91)-800-555-4986</span>
</div>
</div>
<div class="bg-panel"></div>
</div>
</div>
</div>
</div>
</section>
</main>
<script src="ja.js">
</script>
<script src="bootstrap.min.js"
</script> < /body> < /html >