-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
75 lines (67 loc) · 2.98 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>
<title>Seba on Tech</title>
<meta charset="UTF-8">
<link href="styles/main.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<h1><a href="index.html">Sebastian Pian</a></h1>
<div class="menu-container">
<ul class="menu-wrapper">
<li class="menu-item"><a href="about-me.html">About me</a></li>
<li class="menu-item"><a href="blog.html">Blog</a></li>
<li class="menu-item"><a href="tech-blog.html">Technical Blog</a></li>
<li class="menu-item"><a href="tech.html">Technology</a></li>
<li class="menu-item"><a href="contact.html">Contact</a></li>
</ul>
</div>
</header>
<main>
<!--Flexbox1 for main page-->
<div class="flex-container">
<div class="card">
<a href="about-me.html"></a>
<div class="card-image-container"><img src="images/seba-prof.jpg" alt="Seba picture" class="card-image"></div>
<div class="card-content-container">
<div class="card-heading">About me</div>
<p class="card-description">Come and take a peek into who I am!</p>
</div>
</div>
<div class="card">
<a href="blog.html"></a>
<div class="card-image-container"><img src="images/blog-thumbnail.jpg" class="card-image" alt="Blog thumbnail"></div>
<div class="card-content-container">
<div class="card-heading">Blog</div>
<p class="card-description">In-depth entries into my personal journey and growth.</p>
</div>
</div>
<div class="card">
<a href="tech-blog.html"></a>
<div class="card-image-container"><img src="images/article-thumbnail.jpg" class="card-image" alt="Article picture"></div>
<div class="card-content-container">
<div class="card-heading">Technical Blog</div>
<p class="card-description">Informative entries on technical concepts.</p>
</div>
</div>
<div class="card">
<a href="tech.html"></a>
<div class="card-image-container"><img src="images/tech-thumbnail.jpg" class="card-image" alt="Tech thumbnail"></div>
<div class="card-content-container">
<div class="card-heading">Technology</div>
<p class="card-description">Enthusiastic entries about my tech interests.</p>
</div>
</div>
<div class="card">
<a href="contact.html"></a>
<div class="card-image-container"><img src="images/contact-thumbnail.jpg" class="card-image" alt="contact thumbnail"></div>
<div class="card-content-container">
<div class="card-heading">Contact</div>
<p class="card-description">Like to know me more or questions regarding my entries?</p>
</div>
</div>
</div>
</main>
</body>
</html>