-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
71 lines (71 loc) · 2.94 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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!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>The-Way-Of-Fists</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<div class="container">
<nav class="bx navbar">
<div class="header-logo">
<img src="https://cdn.pixabay.com/photo/2021/03/07/14/41/goku-6076401_1280.jpg">
</div>
<div class="header-links">
<a href="#">About</a>
<a href="#">Shop</a>
<a href="#">Contact</a>
</div>
</nav>
<div class="bx fight">
<div class="intro intro-1">
<h1>Many styles of hand to hand combat exists.</h1>
<p>There are roughly 180 different styles of martial arts in the world. Each with thier own strenghts and weaknesses. Any real master knows the best way to hone your skills is to learn your opponents style to know how best to defend against it. Click below to sign up for our newsletter.</p>
<button type="button">Sign up</button>
</div>
<div class="intro intro-img">
<img src="https://images.pexels.com/photos/6724208/pexels-photo-6724208.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1">
</div>
</div>
<div class="bx content">
<h2>Top Four Styles</h2>
<div class="content-info">
<div>
<img src="https://cdn.pixabay.com/photo/2023/02/10/05/00/composition-7780091_1280.jpg">
<p>Kung Fu</p>
</div>
<div>
<img src="https://cdn.pixabay.com/photo/2020/04/05/15/16/karate-5006566_1280.jpg">
<p>Karate</p>
</div>
<div>
<img src="https://images.pexels.com/photos/598686/pexels-photo-598686.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1">
<p>Muy Thai</p>
</div>
<div>
<img src="https://cdn.pixabay.com/photo/2013/02/05/19/22/taekwondo-78119_1280.jpg">
<p>Taikwando</p>
</div>
</div>
</div>
<div class="bx quote">
<p>"You Will Be The Best, Or You'll Be Nothing."</p>
<b> -- Vegeta</b>
</div>
<div class=" bx sign-up">
<div class="sign-item sign-text">
<h3>Keep up to date on all styles</h3>
<p>Sign up to hear the latest about how you can defend yourself.</p>
</div>
<div class="sign-item sign-button">
<button type="button">Sign Up</button>
</div>
</div>
<div class="bx footer">
<p>Copyright © The Odin Project 2021</p>
</div>
</div>
</body>
</html>