-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
119 lines (94 loc) · 3.81 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!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>Document</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<header>
<div class="nav-bar">
<div class="nav-gymster">
<h2>GYMSTER</h2>
</div>
<div class="nav-box">
<div class="nav-box1">
<h3>info@example.com <span>+012 345 6789</span></h3>
</div>
<div class="ppp">
<div class="nav-box2">
<dd >
<dt class="nav-home">HOME</dt>
<dt class="nav-about">ABOUT</dt>
<dt class="nav-classes">CLASSES</dt>
<dt class="nav-trainers">TRAINERS</dt>
<dt class="nav-pages">PAGES</dt>
<dt class="nav-contact">CONTACT</dt>
</dd>
</div>
<div class="nav-join"><h3>Join us</h3></div>
</div>
</div>
</div>
<div class="header-gym">
<div class="header-gym1">
<h2>best gym center</h2>
<h1>build your body</h1>
<h1>strong with </h1>
<h1>gymster</h1>
</div>
<div class="header-button">
<div class="header-button1"><h3>join us</h3></div>
<div class="header-button2"><h3>contact us </h3></div>
</div>
</div>
</header>
<section class="first-sect">
<div class="about-gymster">
<div><img src="./images/about.jpg" alt=""></div>
<div>
<h3>About us</h3>
<h2>welcome to gymster</h2>
<p id="about-p1">Diam dolor diam ipsum tempor sit. Clita erat ipsum et lorem stet no labore lorem sit clita duo justo magna dolore</p>
<p id="about-p2">Nonumy erat diam duo labore dolor sed ea duo at ut. Tempor sit lorem sit magna ipsum duo. Sit eos dolor ut sea rebum, diam sea rebum lorem kasd ut ipsum dolor est ipsum. Et stet amet justo amet clita erat, ipsum sed at ipsum eirmod labore lorem.</p>
<div class="about-us">
<div class="about-h4">
<h4 id="about-text">about us </h4>
<h4 class="whychoose-text">why choose us</h4>
</div>
<p>Tempor erat elitr at rebum at at clita aliquyam consetetur. Diam dolor diam ipsum et, tempor voluptua sit consetetur sit. Aliquyam diam amet diam et eos sadipscing labore. Clita erat ipsum et lorem et sit, sed stet no labore lorem sit. Sanctus clita duo justo et tempor consetetur takimata eirmod, dolores takimata consetetur invidunt magna dolores aliquyam dolores dolore. Amet erat amet et magna</p>
</div>
</div>
</div>
</section>
<section>
<div class="second-sect">
<div class="discount-page">
<div class="bodybuilding-text" >
<h2>BODY BUILDING</h2>
<p>Sed amet tempor amet sit kasd sea lorem dolor ipsum elitr dolor amet kasd elitr duo vero amet amet stet</p>
<h3>READ MORE</h3>
</div>
<div class="weightlifting-text" >
<h2>WEIGHT LEFTING</h2>
<p>Sed amet tempor amet sit kasd sea lorem dolor ipsum elitr dolor amet kasd elitr duo vero amet amet stet</p>
<h3>READ MORE</h3>
</div>
<div class="musclebuilding-text" >
<h2>MUSCLE BUILDING</h2>
<p>Sed amet tempor amet sit kasd sea lorem dolor ipsum elitr dolor amet kasd elitr duo vero amet amet stet</p>
<h3>READ MORE</h3>
</div>
</div>
<div class="summerdiscount-text">
<h2>30% DISCOUNT FOR THIS SUMMER</h2>
<div class="becomemember-text">
<button> BECOME A MEMBER </button>
</div>
</div>
</div>
</section>
</body>
</html>