<div class="container">
<section class="dart">
<div class="page-header">
<div class="logo-and-title">
<a class="logo-link" href="#">
<img src="images/logo.png">
</a>
<h1 class="first-title">Dart</h1>
</div>
<nav class="nav-link">
<ul class="navigation">
<li class="inside-navigation">
<a class="link-in-nav" href="#">Home</a>
</li>
<li class="inside-navigation">
<a class="link-in-nav" href="#">Service</a>
</li>
<li class="inside-navigation">
<a class="link-in-nav" href="#">Extension</a>
</li>
<li class="inside-navigation">
<a class="link-in-nav" href="#">Pricing</a>
</li>
<li class="inside-navigation">
<a class="link-in-nav" href="#">Help</a>
</li>
</ul>
</nav>
<div class="wrapper-btn-page-header">
<button class="btn-page-header">Sign Up</button>
</div>
</div>

<main class="content-for-dart">
<div class="text-content-for-dart">
<h2 class="lorem-title-white">
Lorem Ipsum
Dolor sit amet
</h2>
<p class="lorem-pargraph-white">
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamc
laboris nisi ut aliquip ex ea commodo consequat.
</p>
<div class="two-btn">
<button>Buy Now</button>
<button>Try For Free</button>
</div>
</div>
<div class="inner-video">
<iframe class="inside-video" width="500" height="320"
src="https://www.youtube.com/embed/wbUMinWgwB0"
frameborder="0"
allow="accelerometer; autoplay; encrypted-media;
gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
</div>
</main>
</section>
</div>