This repository has been archived by the owner on Sep 10, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 21
/
index.html
67 lines (48 loc) · 1.68 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
<!DOCTYPE html>
<head>
<title>Document</title>
<link rel="stylesheet" href="./style.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap" rel="stylesheet">
</head>
<style>
body {
background-color: #cfe0f8;
background-color: #d2e3fc;
}
div {
background-color: #b8d3fc;
padding: 1.5rem;
}
</style>
<body>
<div>
<img src="https://bit.ly/36LETLT" width="150px" height="auto" alt="your-name">
<h1 style="color:#202124;">John Doe</h1>
<!-- This is a comment -->
<h3 class="heading">Bio:</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
ea commodo consequat.
<br>
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
laborum.
</p>
<a href="https://www.linkedin.com/">View profile</a>
<h3 class="heading">Projects</h3>
<ol>
<li>project 1</li>
<li>project 2</li>
<li>project 3</li>
</ol>
<h3 class="heading">Experiences</h3>
<ul>
<li>experience 1</li>
<li>experience 2</li>
<li>experience 3</li>
</ul>
<button onclick="alert('Thanks for clicking me')" style="margin-top: 1rem;">Click Me</button>
</div>
</body>
</html>