-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
112 lines (95 loc) · 4.56 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
<!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">
<link rel="stylesheet" href="style\style-nav.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="style\style-sec.css">
<link rel="stylesheet" href="style\style-foot.css">
<link rel="stylesheet" href="style\responsive.css">
<title>This Is Best Gym</title>
</head>
<body>
<nav class="nav v-nav">
<div class="logo o">
<a href="img\logo.png" target="_blank">
<img src="img\logo.png" alt="logo" class="logo-img v-logo">
</a>
</img>
</div>
<div id='search' >
<div class="sbox v-class">
<input type="text" name="text" class="text" placeholder="Search...">
</div>
<button class="btn v-class">
<!-- <i class="fa fa-search"></i> -->
Search
</button>
</div>
<ul class="lists v-class">
<li class="li"><a href="#Home">Home</a></a></li>
<li class="li"><a href="#Routine">Routine</a></a></li>
<li class="li"><a href="#Payment">Payment</a></a></li>
<li class="li"><a href="#Contact">Contact</a></a></li>
</ul>
<div class="burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</nav>
<section class="container">
<div class="box">
<div class="box-img">
<img src="img/sec-img.jpg" alt="img not available" srcset="" class='sec-img first-img'>
</div>
<div class="sec-text">
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maxime mollitia explicabo perferendis quis eligendi omnis consectetur exercitationem asperiores amet quo. ipsum dolor sit amet consectetur adipisicing elit. Ullam, deleniti! Perspiciatis rerum earum
quibusdam id consequuntur tenetur voluptates. Sint, labore praesentium? Doloribus atque quam, alias
consequuntur est ratione sint maxime.</p>
</div>
</div>
<div class="box right">
<div class="right box-img">
<img src="img/sec-img.jpg" alt="img not available" srcset="" class='sec-img first-img'>
</div>
<div class="sec-text">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quibusdam, modi voluptas! Obcaecati aperiam rem sapiente mollitia facilis ex totam eaque. ipsum dolor sit amet consectetur adipisicing elit. Hic fugiat doloremque praesentium nobis alias
enim laborum provident corrupti expedita iusto eligendi atque, ratione in a accusamus magni autem porro
odit.
</p>
</div>
</div>
<div class="box">
<div class="box-img">
<img src="img/sec-img.jpg" alt="img not available" srcset="" class='sec-img first-img'>
</div>
<div class="sec-text">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae porro mollitia maiores accusantium laudantium magni ab ea quo, dolorum obcaecati. ipsum, dolor sit amet consectetur adipisicing elit. Expedita, dolore distinctio accusantium odit
tenetur deserunt eaque eligendi numquam aliquam consequuntur nisi corporis dicta nesciunt nostrum, ullam
autem exercitationem, voluptas quibusdam.</p>
</div>
</div>
</section>
<section id="Contact" class="contact">
<h1>Please , Enter Your Details</h1>
<div class="form">
<input type="text" name="name" id="" class="inside-form" placeholder="Enter Your Name ..">
<input type="email" name="email" id="" class="inside-form" placeholder="Enter Your Email ..">
<input type="phone" name="phone" id="" class="inside-form" placeholder="Enter Your Phone Number ..">
<input type="text" name="desc" id="" class="inside-form description" placeholder="Enter Your Concern">
<button class="contact-btn">
Submit
</button>
</div>
</section>
<footer>
<p class="foot">
Copyright © Tech Time 2020-2022 - All Rights Reserved
</p>
</footer>
<script src="script\hamburger.js"></script>
</body>
</html>