-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
49 lines (49 loc) · 2.03 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
47
48
49
<!DOCTYPE html>
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8" />
<title>One Pager Assignment</title>
<meta
name="description"
content="A one pager based on HTML and CSS."
/>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="author" content="Dario Evers" />
<meta name="robots" content="noindex" />
<link rel="stylesheet" href="css/stylesheet.css" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap"
rel="stylesheet"
/>
</head>
<body>
<div class="topnav">
<div class="logo">
<a href="#">
<img alt="logo" src="./images/logo_001.png"></div>
<div class="nav">
<a href="#products">Products</a>
<a href="#prices">Prices</a>
<a href="#projects">Blog</a>
<a href="#team">Team</a>
<a href="#login">Login</a>
<a href="#signup">Sign Up</a>
</div>
</div>
</div>
<main>
<div class="content__left">
<h1>Make your startup web with our template,</h1>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumuy, eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua, At ver oeos et accusam et just oduo dolores etea rebum. More to be added.</p>
<div class="buttons">
<button class="button1">Learn More</button>
<button class="button2">Get the App</button></div>
</div>
<div class="content__right">
<img class="phone1" alt="phone1" src="./images/phone_002.png">
<img class="phone2" alt="phone1" src="./images/phone_001.png">
</div>
</main>
</body>
</html>