<html>
<head>
<title>Business Website</title>
<link rel=”stylesheet” href=”style.css”>
<link rel=”stylesheet” href=”https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css”>
https://code.jquery.com/jquery-3.4.1.slim.min.js
https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js
https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js
</head>
<body>
<!–NavigationBar—->
<section id=”nav-bar”>
<nav class=”navbar navbar-expand-lg navbar-light “>
<a class=”navbar-brand” href=”#”><img src=”logo.png”></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 ml-auto”>
<li class=”nav-item”> <a class=”nav-link” href=”#”>HOME</a> </li>
<li class=”nav-item”> <a class=”nav-link” href=”#”>ABOUT US</a> </li>
<li class=”nav-item”> <a class=”nav-link” href=”#”>SERVICES</a> </li>
<li class=”nav-item”> <a class=”nav-link” href=”#”>OUR TEAM</a> </li>
<li class=”nav-item”> <a class=”nav-link” href=”#”>PRICE PLANS</a> </li>
<li class=”nav-item”> <a class=”nav-link” href=”#”>TESTIMONIALS</a> </li>
<li class=”nav-item”> <a class=”nav-link” href=”#”>CONTACT US</a> </li>
</ul>
</div>
</nav>
</section>
<!–Slider——->
<div id=”slider”>
<div id=”headerSlider” class=”carousel slide” data-ride=”carousel”>
<ol class=”carousel-indicators”>
<li data-target=”#headerSlider” data-slide-to=”0″ class=”active”></li>
<li data-target=”#headerSlider” data-slide-to=”1″></li>
<li data-target=”#headerSlider” data-slide-to=”2″></li>
</ol>
<div class=”carousel-inner”>
<div class=”carousel-item active”>
<img class=”d-block img-fluid” src=”img/banner1.jpg”>
<div class=”carousel-caption”>
<h5>How To Make A Website</h5>
</div>
</div>
<div class=”carousel-item”>
<img class=”d-block img-fluid” src=”img/banner2.jpg”>
<div class=”carousel-caption”>
<h5>Create Responsive Website</h5>
</div>
</div>
<div class=”carousel-item”>
<img class=”d-block img-fluid” src=”img/banner3.jpg”>
<div class=”carousel-caption”>
<h5>Business Website Design</h5>
</div>
</div>
</div>
<a class=”carousel-control-prev” href=”#headerSlider” role=”button” data-slide=”prev”> <span class=”carousel-control-prev-icon” aria-hidden=”true”></span> <span class=”sr-only”>Previous</span> </a>
<a class=”carousel-control-next” href=”#headerSlider” role=”button” data-slide=”next”> <span class=”carousel-control-next-icon” aria-hidden=”true”></span> <span class=”sr-only”>Next</span> </a>
</div>
</div>
<!–About——->
<section id=”about” <div class=”container”>
<div class=”row”>
<div class=”col-md-6″>
<h2>About Us</h2>
<div class=”about-content”>
Like this video and ask your question in comment section, don’t forget to Subscribe Logo Tutorials Youtube channel to watch more videos of website designing, digital marketing and photoshop. Like this video and ask your questions in comment section, don’t forget to Subscribe Logo Tutorials Youtube channel to watch more videos of website designing.
</div>
<button type=”button” class=”btn btn-primary”>Read more>> </button>
</div>
<div class=”col-md-6 skills-bar”>
<p>Adobe Photoshop</p>
<div class=”progress”>
<div class=”progress-bar” style=”width: 80%;”>
80%
</div>
</div>
<p>UI Design</p>
<div class=”progress”>
<div class=”progress-bar” style=”width: 85%;”>
85%
</div>
</div>
<p>WordPress</p>
<div class=”progress”>
<div class=”progress-bar” style=”width: 75%;”>
75%
</div>
</div>
<p>Graphics Design</p>
<div class=”progress”>
<div class=”progress-bar” style=”width: 50%;”>
50%
</div>
</div>
</div>
</div>
</section>
<!–Services——-> section id=”services”>
<div class=”container”>
<h1>Our Services</h1>
</div>
</body>
</html>
Aesthetics 