-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
35 lines (35 loc) · 4.08 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Video Background</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="v-header container">
<div class="fullscreen-video-wrap">
<video autoplay muted loop>
<source src="src/code.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
</div>
<div class="header-overlay"></div>
<div class="header-content">
<h1>Hello Everyone</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi voluptatibus incidunt esse, inventore quod at odit magni labore.</p>
<a href="#" class="btn">Read More</a>
</div>
</header>
<div class="content">
<section>
<h2>Section #1</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae accusantium dolores, rem at ratione temporibus facere facilis, modi dicta! Eius consequuntur pariatur quisquam esse sint earum vitae sapiente aliquid nemo ipsum quis accusamus, minima doloribus voluptatibus veniam deserunt expedita ea quos sed alias nihil voluptate atque rerum. Architecto molestiae nesciunt reiciendis ducimus cum veniam at, itaque amet eum error illo recusandae? Nesciunt fuga ex, impedit. Consequuntur, commodi sit odit impedit molestiae reiciendis ipsum ex! Odio maxime et, ipsum ducimus mollitia deserunt possimus pariatur atque tenetur exercitationem rerum, blanditiis. Autem delectus ducimus unde a distinctio iusto quia impedit asperiores, consectetur eius eaque quisquam fugit perferendis minima, placeat et nostrum deserunt repellat molestias dolorem enim quos officiis debitis ullam. Tempore aperiam voluptate nisi, eum id unde cum perferendis doloremque dolor, eligendi quis, ipsum! Qui dignissimos hic id animi est corporis, ea, eius laboriosam deserunt, explicabo adipisci sed. Aliquam totam neque tenetur aspernatur maiores sapiente assumenda perferendis, id mollitia, nulla reprehenderit quis dolores. Consectetur laudantium quis, eum atque eos consequatur iusto minus culpa id molestiae doloremque. Facilis ab, iste magnam quia reiciendis impedit veniam ad, voluptatibus id minima aliquam atque aspernatur at unde recusandae eum, optio quam, magni tenetur est. Repudiandae, veniam. Excepturi.</p>
</section>
<section>
<h2>Section #2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae accusantium dolores, rem at ratione temporibus facere facilis, modi dicta! Eius consequuntur pariatur quisquam esse sint earum vitae sapiente aliquid nemo ipsum quis accusamus, minima doloribus voluptatibus veniam deserunt expedita ea quos sed alias nihil voluptate atque rerum. Architecto molestiae nesciunt reiciendis ducimus cum veniam at, itaque amet eum error illo recusandae? Nesciunt fuga ex, impedit. Consequuntur, commodi sit odit impedit molestiae reiciendis ipsum ex! Odio maxime et, ipsum ducimus mollitia deserunt possimus pariatur atque tenetur exercitationem rerum, blanditiis. Autem delectus ducimus unde a distinctio iusto quia impedit asperiores, consectetur eius eaque quisquam fugit perferendis minima, placeat et nostrum deserunt repellat molestias dolorem enim quos officiis debitis ullam. Tempore aperiam voluptate nisi, eum id unde cum perferendis doloremque dolor, eligendi quis, ipsum! Qui dignissimos hic id animi est corporis, ea, eius laboriosam deserunt, explicabo adipisci sed. Aliquam totam neque tenetur aspernatur maiores sapiente assumenda perferendis, id mollitia, nulla reprehenderit quis dolores. Consectetur laudantium quis, eum atque eos consequatur iusto minus culpa id molestiae doloremque. Facilis ab, iste magnam quia reiciendis impedit veniam ad, voluptatibus id minima aliquam atque aspernatur at unde recusandae eum, optio quam, magni tenetur est. Repudiandae, veniam. Excepturi.</p>
</section>
</div>
</body>
</html>