<html>
<head>
<title>First Wsebsite</title>
<link rel=“stylesheet” href=“style.css”>
<link rel=“stylesheet” href=“https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css”>
<script src=“https://code.jquery.com/jquery-3.3.1.slim.min.js”></script>
<script src=“https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js”></script>
<link rel=“stylesheet” href=“https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css”>
</head>
<body>
<section id=“nav-bar”>
<nav class=“navbar navbar-expand-lg navbar-light”>
<div class=“container-fluid”>
<a class=“navbar-brand” href=“#”><img src=“images/logo.png” alt=“Website”></a>
<button class=“navbar-toggler” type=“button” data-toggle=“collapse” data-target=“#navbarNav” aria-controls=“navbarNav” aria-expanded=“false”
aria-label=“Toggle navigation”>
<i class=“fa fa-bars”></i>
</button>
<div class=“collapse navbar-collapse” id=“navbarNav”>
<ul class=“navbar-nav ml-auto”>
<li class=“nav-item”>
<a class=“nav-link” href=“#top”>HOME</a>
</li>
<li class=“nav-item”>
<a class=“nav-link” href=“#service”>SERVICES</a>
</li>
<li class=“nav-item”>
<a class=“nav-link” href=“#about-us”>ABOUT US</a>
</li>
<li class=“nav-item”>
<a class=“nav-link” href=“#testimonials”>TESTIMONIALS</a>
</li>
<li class=“nav-item”>
<a class=“nav-link” href=“#footer”>CONTACT US</a>
</li>
</ul>
</div>
</div>
</nav>
</section>
<!———————Banner Section——————————>
<section id=“banner”>
<div class=“container”>
<div class=“row”>
<div class=“col-md-6”>
<p class=“promo-title”>This is My Website</p>
<p>The website belongs to Mr. Etesami<br />
You check the products and trade.
</p>
<a href=“#”><img src=“images/play.png” class=“play-btn” alt=“Play”>Watch Lessons</a>
</div>
<div class=“col-md-6” text-center>
<img src=“images/robots.png” alt=“Trading Robots” class=“img-fluid”>
</div>
</div>
</div>
<img src=“images/wave1.png” alt=“Wave1” class=“bottom-img”>
</section>
<!———————Service Section——————————>
<section id=“service”>
<div class=“container text-center”>
<h1 class=“title”>The Services</h1>
<div class=“row text-center”>
<div class=“col-md-4 services”>
<img src=“images/service1.png” alt=“Service1” class=“service-img”>
<h4>Growth Marketing</h4>
<p>This service can make you grow</p>
</div>
<div class=“col-md-4 services”>
<img src=“images/service2.png” alt=“Service2” class=“service-img”>
<h4>Online Branding</h4>
<p>This service can control your products</p>
</div>
<div class=“col-md-4 services”>
<img src=“images/service3.png” alt=“Service3” class=“service-img”>
<h4>Animated Ads</h4>
<p>This service can Add you animationalley</p>
</div>
</div>
<button type=“button” class=“btn btn-primary”>All Services</button>
</div>
</section>
<!———————About US Section——————————>
<section id=“about-us”>
<div class=“container”>
<h1 class=“title text-center”>ABOUT US</h1>
<div class=“row”>
<div class=“col-md-6 about-us”>
<p class=“about-title”>Why are we different?</p>
<ul>
<li>Because you can buy everything in way you want</li>
<li>Because you can buy everything in way you want</li>
<li>Because you can buy everything in way you want</li>
<li>Because you can buy everything in way you want</li>
<li>Because you can buy everything in way you want</li>
<li>Because you can buy everything in way you want</li>
<li>Because you can buy everything in way you want</li>
</ul>
</div>
<div class=“col-md-6”>
<img src=“images/us.png” alt=“us” class=“img-fluid”>
</div>
</div>
</div>
</section>
<!———————Testimonials Section——————————>
<section id=“testimonials”>
<div class=“container”>
<h1 class=“title text-center”>WHAT CLIENTS SAY</h1>
<div class=“row offset-1”>
<div class=“column-md-5 testimonials”>
<p>This is a great website with great supports that could<br />
make my progress better and I don’t forget this great job that<br />
had to me, and I also work with them, thank you team.
</p>
<img src=“images/user1.jpg” alt=“user1” class=“users-image”>
<p class=“users-details”><b>Sarah Williams</b><br />From Vancouver</p>
</div>
<div class=“column-md-5 testimonials”>
<p>This is a great website with great supports that could<br />
make my progress better and I don’t forget this great job that<br />
had to me, and I also work with them, thank you team.
</p>
<img src=“images/user2.jpg” alt=“user2” class=“users-image”>
<p class=“users-details”><b>Michael Scofield</b><br />From USA</p>
</div>
</div>
</div>
</section>
<!———————Social Media Section——————————>
<section id=“social-media”>
<div class=“container text-center”>
<p>FIND US ON SOCIAL MEDIA</p>
<div class=“social-icon”>
<a href=“#”><img src=“images/whats.png”></a>
<a href=“#”><img src=“images/ins.png”></a>
<a href=“#”><img src=“images/fac.png”></a>
<a href=“#”><img src=“images/linked.png”></a>
<a href=“#”><img src=“images/tweet.png”></a>
</div>
</div>
</section>
<!———————Footer Section——————————>
<section id=“footer”>
<img src=“images/wave2.png” alt=“wave1” class=“footer-img”>
<div class=“container”>
<div class=“row”>
<div class=“col-md-4 footer-box”>
<img src=“images/footer.png” alt=“Footer logo”>
<p>This is website that can help you<br />
sell you products easily</p>
</div>
<div class=“col-md-4 footer-box”>
<p><b>Contact US</b></p>
<p><i class=“fa fa-map-marker”></i>Ekbatan, Tehran, Iran</p>
<p><i class=” fa fa-phone”></i>+21 231 23 12</p>
<p><i class=“fa fa-envelope-o”></i>xyz@outlook.com</p>
</div>
<div class=“col-md-4 footer-box”>
<p><b>Subscribe Newsletter</b></p>
<input type=“email” class=“form-control” placeholder=“Your Email”>
<button type=“button” class=“btn btn-primary”>Subscribe</button>
</div>
</div>
<hr>
<p class=“creater”>Created by @Teacher_Etesami</p>
</div>
</section>
<script src=“smooth-scroll.js”</script>
<script>
var scroll = new SmoothScroll(‘a[href*=”#”]’);
</script>
</body>
</html>
