-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
69 lines (67 loc) · 4.01 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
<!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">
<!-- CHANGE TO DESIRED SITE TITLE -->
<title>john doe</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<div class="name-bar">
<h1><b>john</b> doe</h1>
</div>
<div class="content">
<div class="profile-area content-item">
<!-- CHANGE TO YOUR PROFILE PICTURE, CAN SYNC WITH GITHUB LIKE THIS -->
<img src="http://github.com/saneeeee.png" class="profile-image" alt="My profile picture">
<h3 class="contact">Contact</h3>
<!-- CHANGE TO YOUR CONTACT DETAILS -->
<p><a href="mailto:your@email.com">your@email.com</a></p>
<p><a href="https://github.com/YOURGITHUBACCOUNT">GitHub</a></p>
</div>
<div class="main-content content-item">
<!-- MODIFY, ADD SECTIONS AS YOU WISH -->
<div class="section">
<h2>About</h2>
<p>Commodo quis imperdiet massa tincidunt nunc pulvinar sapien.
Consequat interdum <a href=".">varius sit amet</a> mattis vulputate enim nulla.
A diam maecenas sed enim ut sem viverra aliquet eget.
Mattis <a href=".">ullamcorper velit</a> sed ullamcorper morbi tincidunt ornare massa.
Quam vulputate dignissim suspendisse in est ante in. Eget magna fermentum iaculis eu
non diam phasellus. Leo a diam sollicitudin tempor id eu nisl nunc mi.</p>
<p>lacus <a href=".">suspendisse</a> faucibus interdum. Nam libero justo laoreet sit amet cursus sit.
Malesuada proin libero nunc consequat interdum. Etiam erat velit scelerisque in.
Cras tincidunt <a href=".">lobortis feugiat vivamus at.</a> Tempor commodo ullamcorper a lacus.
In pellentesque massa placerat duis ultricies lacus sed turpis tincidunt.
Dictum at tempor commodo ullamcorper a lacus.
Aliquam vestibulum morbi blandit cursus risus at ultrices mi.</p>
</div>
<div class="section">
<h2>Publications</h2>
<ul>
<li>Lorem ipsum dolor sit amet, <a href=".">consectetur adipiscing elit</a>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
<li>Vitae aliquet nec ullamcorper sit amet risus nullam eget. Aliquam sem fringilla ut morbi tincidunt augue interdum.</li>
<li>Eget nunc scelerisque viverra mauris in aliquam sem.</li>
<li>Risus nullam eget <a href=".">felis eget nunc</a> lobortis mattis aliquam faucibus.</li>
</ul>
</div>
<div class="section">
<h2>Projects</h2>
<ul>
<li>Lorem ipsum dolor sit amet, <a href=".">consectetur adipiscing elit</a>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
<li>Vitae aliquet nec ullamcorper sit amet risus nullam eget. Aliquam sem fringilla ut morbi tincidunt augue interdum.</li>
<li>Eget nunc scelerisque viverra mauris in aliquam sem.</li>
<li>Risus nullam eget <a href=".">felis eget nunc</a> lobortis mattis aliquam faucibus.</li>
</ul>
</div>
</div>
</div>
<div class="footer">
<p>Template design by <a href="https://github.com/saneeeee">Saner Cakir</a>, hosted on <a href="https://github.com/saneeeee/saneeeee.git">GitHub Pages</a>.</p>
</div>
</div>
</body>
</html>