/
index.html
50 lines (45 loc) · 2.77 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
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Day 1 Practice</title>
<link rel="stylesheet" href="stylesheet.css">
</head>
<body>
<!--Wave Hero Image-->
<h4 class="head">Theme Title</h4>
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1366 445.8">
<defs>
<style>
.cls-1 {
fill: url(#gradient);
}
</style>
<linearGradient spreadMethod="pad" id="gradient" x1="0%" y1="100%" x2="0%" y2="0%">
<stop offset="0%" style="stop-color:rgba(0,29,36,1);stop-opacity:1;" />
<stop offset="35%" style="stop-color:rgba(9,109,121,1);stop-opacity:1;" />
<stop offset="100%" style="stop-color:rgba(0,212,255,1);stop-opacity:1;" />
</linearGradient>
</defs>
<path class="cls-1"
d="M1366,334.59c-35.76,47.13-85.07,97-135.44,90-59.88-8.29-66.63-89.32-127.49-100.5-82.78-15.2-137.89,122.32-216,105-55.81-12.38-48.17-87.13-108-106.5-78.31-25.35-125.07,98-249,97.5-103.49-.42-121.3-69.87-217.49-61.5-107.29,9.34-142.49,100.74-207,85.5C72.27,436.21,0,399.09,0,261.1V0H1366Z" />
</svg>
<!--first paragraph-->
<div class="middle">
<h4 class="title">SECTION TITLE</h4>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Magni architecto itaque rerum tempore atque consequuntur ea asperiores illum explicabo facilis aut repudiandae autem, distinctio laborum velit quod illo, est quo. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sunt magnam atque animi voluptate perferendis laborum magni quia rem sapiente, inventore recusandae ut quam delectus vel earum nesciunt dignissimos minus? Mollitia!Lorem Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam eaque nisi incidunt recusandae consequuntur illo saepe quod unde culpa sit! Veritatis minima, voluptas animi saepe voluptatem nemo doloremque? A, veniam.</p>
</div>
<!--second paragraph-->
<div class="last">
<h4 class="title">SECTION TITLE</h4>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Laudantium necessitatibus, illum quam commodi sapiente facere nam nostrum, nesciunt quaerat inventore minus asperiores quasi. Quisquam, iste aspernatur quos nostrum amet doloremque. Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore, magni? Praesentium pariatur in impedit eveniet atque facere reiciendis tempora. Possimus sint explicabo blanditiis aliquid expedita quaerat sunt culpa nostrum accusantium!Lorem</p>
</div>
<div>
<div class="footer">
<p>© mfgw</p>
</div>
</div>
</body>
</html>