-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
75 lines (72 loc) · 3.38 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="img/favicon.png" type="image/png">
<link rel="stylesheet" href="style.css">
<title>HTML Learn</title>
</head>
<body>
<header>
<nav>
<div id="navbar">
<a href="https://www.amazon.com" id="navbarlink">amazon.com</a>
<a href="" id="navbaraccount">Account</a>
<a href="" id="navbarmycart">My Cart</a>
<a href="" id="navbarcontactus">Contact Us</a>
<input type="search" id="navbarsearch" placeholder="search Amazon.in">
<input type="submit" id="navbarbutton">
</div>
</nav>
</header>
<h1 class="heading1">Heading 1</h1>
<h2 class="">Heading 2</h2>
<h3>Heading 3</h3>
<h3 id="heading3">Heading 3</h3>
<h4>Heading 4</h4>
<div class="opticity">
<p style="font-weight: 100;">font weight</p>
<p style="font-weight: 500;">font weight</p>
<p style="font-weight: 700;">font weight</p>
<p style="font-weight: 900;">font weight</p>
<p style="font-weight: lighter;">font weight</p>
<p style="font-weight: normal;">font weight</p>
<p style="font-weight: bold;">font weight</p>
<p style="font-weight: bolder;">font weight</p>
</div>
<div id="box9">Box9</div>
<div>
<p id="para1">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit totam voluptatem tempora, dolor ab repellat consectetur consequatur sunt in nemo sapiente blanditiis natus ea dolorem, reprehenderit doloremque cupiditate maxime incidunt quam ducimus, iste similique? Sed iste maxime dolor quos nihil vel temporibus aliquam vitae. Nam accusantium veniam eos odio dolorum aliquam nisi incidunt nobis cumque, itaque praesentium totam? Sit, sapiente!
</p>
<p id="para2">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex, consequatur animi quae placeat ipsam nulla sequi officiis assumenda voluptatum nam soluta mollitia commodi repellat sint dolorem voluptatem nihil similique. Nihil ea at deserunt culpa eos ullam ut, tenetur pariatur neque quisquam quibusdam explicabo fuga illo autem ipsam, molestias suscipit. Fugiat numquam corporis, nemo voluptate non aperiam ea distinctio facilis placeat.
</p>
</div>
<div id="para3">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex, consequatur animi quae placeat ipsam nulla sequi officiis assumenda voluptatum nam soluta mollitia commodi repellat sint dolorem voluptatem nihil similique. Nihil ea at deserunt culpa eos ullam ut, tenetur pariatur neque quisquam quibusdam explicabo fuga illo autem ipsam, molestias suscipit. Fugiat numquam corporis, nemo voluptate non aperiam ea distinctio facilis placeat.
</p>
</div>
<div class="boxmodel">
<p>Text 1</p>
<p>Text 2</p>
</div>
<button>Submit Button</button>
<a class="link1" href="https://www.google.com" target="">link without underline</a>
<h1 class="three" id="doubleid1">Double Classssss</h1>
<h1 class="three" >Double Class</h1>
<div id="divblock">This is DIV, which is a block element</div>
<button id="buttoninline">This is a inline element</button>
<div id="box1">BOXX1</div>
<div id="box2">BOXX2</div>
<div id="box3">BOXX3</div>
<div id="box4">BOXX4</div>
<div>postioning</div>
<div id="box5">Box5</div>
<div id="box6">Box6</div>
<div id="box7">Box7</div>
<div id="box8">Box8</div>
</body>
</html>