-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
94 lines (84 loc) · 2.87 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
<!-- leanr html -->
<!DOCTYPE html>
<html>
<!--head start -->
<head>
<title>My Website</title>
<link rel="icon" type="image/x-icon" href="/images/logo.png" />
<link rel="stylesheet" href="/css/style.css">
</head>
<!-- head end -->
<!-- body start -->
<body>
<div style="text-align: center">
<!-- logo -->
<img src="/images/logo.png" width="150px" height="auto" alt="" />
<h2>My Website</h2>
<nav>
<a href="/" style="margin-right: 5px">Home</a>
<a href="" style="margin-right: 5px">About Us</a>
<a href="/contact_us.html" style="margin-right: 5px">Contact</a>
<a href="/sign_up.html" style="margin-right: 5px">Sign Up</a>
</nav>
</div>
<!-- content start -->
<div style="max-width: 700px; margin-left: auto; margin-right: auto">
<h1 style="text-decoration: underline; color: blue">
Welcome to my page
</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores fugit
incidunt amet quae nemo neque consectetur aliquam nobis placeat <br />
asperiores modi odio, tempora exercitationem mollitia rem sequi hic
soluta labore?
</p>
<!-- about us -->
<div class="card bg-black">
<h4 style="color: aqua">About Me</h4>
<p style="color: antiquewhite">
Lorem ipsum dolor sit amet consectetur adipisicing elit. A culpa eum,
eveniet veniam perspiciatis accusamus quidem fuga asperiores officiis
architecto corporis unde cupiditate magni. Laborum consequuntur
officiis sequi nostrum similique? Lorem ipsum dolor sit amet
consectetur adipisicing elit. Aliquid vero eligendi dignissimos.
Delectus animi illo, ab minus perspiciatis corporis aspernatur natus
tenetur voluptates non, ut facere omnis totam vel rem!
</p>
</div>
<!-- about us end -->
<!-- text formating -->
<div class="card">
<h4>Text Formating</h4>
<b>bold</b> or <strong>strong</strong> <br />
<i>Italic text</i> <br />
<em>emphasy</em><br />
2<sup>2</sup> Text <sub>subscript text</sub><br />
</div>
<!-- list -->
<div class="card">
<div class="card-title">List</div>
<div class="card">
<div class="card-title">Unordered List</div>
<ul>
<li>first item</li>
<li>second item</li>
</ul>
</div>
<div class="card">
<div class="card-title">Ordered List</div>
<ol>
<li>first item</li>
<li>second item</li>
</ol>
</div>
</div>
<!-- footer start -->
<div class="card footer">
<span>Copywrite <a href="/">my Website</a></span>
<span>2022</span>
</div>
</div>
<!-- content end -->
</body>
<!-- body end -->
</html>