-
Notifications
You must be signed in to change notification settings - Fork 0
/
index1.html
74 lines (61 loc) · 3.47 KB
/
index1.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Starting CSS</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>
Hello World
</h1>
<h1 style="color: green;">Checking Inline CSS by adding Green color to the text</h1>
<style>
h2{
color: blue;
}
</style>
<style>
button {
background-color:#4CAF50 ; /*Green*/
}
</style>
<button>
Click here
</button>
<div id="box">
Question no.1
</div>
<h1 class="heading">Question2i</h1>
<h1 class="heading">Question2ii</h1>
<h1 class="heading">Question2iii</h1>
<h2>
checking style tag
</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque sit nesciunt alias ut quos deserunt exercitationem harum beatae, quibusdam laudantium qui consectetur in pariatur corporis, commodi quidem, esse dignissimos facilis ducimus neque recusandae doloribus non. Facere adipisci aperiam aliquid, delectus incidunt blanditiis labore facilis, quibusdam possimus voluptate magnam tempora totam quod, nostrum aspernatur aliquam rerum commodi deleniti unde nihil nisi laboriosam a sequi. Natus ad iste officia, mollitia quae reiciendis facere laudantium sunt assumenda pariatur voluptatem quo. Excepturi doloribus, aspernatur obcaecati explicabo molestiae nihil consectetur dolore voluptatum nam voluptatem ad exercitationem. Eveniet, recusandae asperiores atque incidunt soluta pariatur eaque quas!
</p>
<p id="que2">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed totam minima quisquam aliquam cum unde architecto numquam alias, autem incidunt natus soluta esse expedita explicabo non aliquid illum reprehenderit rerum accusantium eaque saepe nemo at optio dignissimos. Cumque animi perferendis, ducimus sint saepe voluptatibus, odit ratione a doloremque repellat provident blanditiis ea fugit, quae iure iste tempore delectus unde id quia non dicta commodi enim. Reiciendis soluta id nemo a, necessitatibus modi impedit error est, corporis quaerat voluptates quis hic sequi velit pariatur, officiis commodi eaque in ducimus. Amet laboriosam optio vitae accusantium a architecto necessitatibus suscipit reiciendis aliquid voluptatem.
</p>
<h3 id="que1">que1</h3>
<div id="outer">
<div id="inner">
Inner Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias dolores quod laudantium deleniti eum error tempore, aperiam sit cupiditate illum, commodi aliquid iure nulla dicta placeat dolor saepe eaque optio!
</div>
outer Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae corporis cum saepe eveniet ea atque natus consequuntur laudantium eum blanditiis dolores, aliquid, non fugiat iure, sequi ab exercitationem praesentium voluptate.
</div>
<!-- Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint natus, facere rem, consectetur omnis similique minus, animi deleniti non velit nesciunt sit illo amet autem libero? Odit aut magni quae. -->
<nav>
<div id="navbar">
<a href="" id="logo">Amazon.in</a>
<a href="">Account</a>
<a href="">cart</a>
<a href="">Contact us</a>
<input type="text" placeholder="Search Amazon.in">
<button id="button">Search</button>
</div>
</nav>
</body>
</html>