-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
160 lines (145 loc) · 6.08 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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!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>#AR_Watch.io-Best watches ever know for their quality</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav id="navbar">
<div class="logo">
<img src="logos/logo.png" alt="logo">
</div>
<label for="hamburger-label">☰</label>
<input id="hamburger-label" type="checkbox">
<div class="container_ul">
<ul class="ul_list">
<li><a href="#Home">Home</a></li>
<li><a href="#About">About</a></li>
<div id="drop-down" class="dropdown">
<button class="Services">Services ▼</button>
<div class="dropdown-content">
<a href="#Details1">Details1</a>
<a href="#Details2">Details2</a>
<a href="#Details3">Details3</a>
<a href="#Details4">Details4</a>
<a href="#Details5">Details5</a>
</div>
</div>
<li><a href="contact/contact.html" target="_blank">Contact Us</a></li>
</ul>
</div>
</nav>
<section id="Home">
<div class="left">
<img src="section1/left_img1.png" alt="image 1">
<h1>Big News.</h1>
<p>Introducing Apple Watch Series 4.</p>
<p>Fundamentally Redesigned And Re-Engineered To Help You Stay Even More Active, Healthy, And Connected.</p>
<button class="btn">Watch the keynote</button>
</div>
<div class="right">
<img src="section1/top-img-1.jpeg" alt="image 2">
</div>
</section>
<section id="About">
<img id="bg" src="section2/bg-img.jpeg" alt="image 3">
<div id="s_1" class="left">
<img src="section2/page-left-1.jpeg" alt="image 4">
</div>
<div id="s_2" class="right">
<img src="logos/favicon.ico" alt="image 5">
<h3>Features</h3>
<ul>
<li>Arsenic-free glass</li>
<li>Mercury-free</li>
<li>BFR-free</li>
<li>PVC-free</li>
<li>Berullium-free</li>
<li>Low-carbon aluminium process</li>
<li>REACH regulation on nickel</li>
<li>Eco-friendly packaging</li>
</ul>
</div>
</section>
<section id="Services">
<div class="parent">
<div id="s_3" class="left">
<div class="container3">
The New Apple Watch 4
</div>
<p>Fundamentally redesigned and re‑engineered with the largest Apple Watch display yet. Advanced heart
monitoring capabilities. </p>
<button class="btn3">Watch the keynote</button>
</div>
<div class="right" id="s_3">
<div id="box1">
<img src="section3/watch.jpg" alt="image">
<img src="section3/watch.jpg" alt="image">
</div>
<div class="box2">
<img src="section3/watch.jpg" alt="image">
<img src="section3/watch.jpg" alt="image">
</div>
</div>
</div>
</section>
<section id="Details1">
<div class="container1">
<img src="section4/watch1.webp">
<img src="section4/watch2.webp">
</div>
<div class="container2">
<img src="logos/favicon.ico">
<h2>Made To Motivate.</h2>
<p>New head-to-head competitions. Activity sharing with friends. Personalized coaching. Monthly challenges.
Achievement awards. Get all the motivation you need to close your Activity rings every day.</p>
<button>Learn more</button>
</div>
</section>
<section id="Details2">
<img class="s_4" src="section5/bg-image.jpeg">
<div class="box">
<img src="logos/favicon.ico">
<h3>More Than Just A Sports Watch</h3>
<p>It’s Like A Trainer That Understands The Ways You Work Out — From Running To Yoga To Swimming — And Puts
Every Metric You Need Right On Your Wrist. With Innovations From Start To Finish Line, It’s Made For The
Athlete In Us All.</p>
<button>Learn more</button>
</div>
</section>
<section id="Details3">
<img src="section6/bg-image.jpeg">
<div class="container">
<img src="section6/right-img-1.jpeg">
<h3>Made To Motivate.</h3>
<p>New head-to-head competitions. Activity sharing with friends. Personalized coaching. Monthly challenges.
Achievement awards. Get all the motivation you need to close your Activity rings every day.</p>
<button>Learn more</button>
</div>
</section>
<section id="Details4">
<h1>All New. For A Better You</h1>
<p>Introducing Apple Watch Series 4. Fundamentally redesigned and re-engineered to help you stay even more
active, healthy, and connected.</p>
</section>
<section id="Details5">
<img id="bg" src="section7/bg-img.png">
<div class="left">
<img src="section7/left-img-1.png">
<h2>Ready For Whatever Moves You.</h2>
<p>Whether it’s training for a marathon or swimming laps at the pool, Apple Watch Series 4 has something for
everyone. Now including yoga and hiking, the Workout app works every way you want to exercise. You can
set individual goals, measure your calorie burn, and track your progress over time in the Activity app
on your iPhone. Ready? Go.</p>
<button>Learn more</button>
</div>
</section>
<footer>
<p>Created by- ARSHDEEP ROOPRAI.</p>
</footer>
<script src="java.js"></script>
</body>
</html>