-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
55 lines (54 loc) · 2.86 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
<!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">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style2.css">
<title>Portfolio Site</title>
</head>
<body>
<header class="header">
<div class="container">
<div class="logo_container1">
<div class="logo"> <img class="logomain" src="img/daniellogo2.png" alt="Daniel logo"></div>
</div>
<div class="logo_container2">
<div class="name"><h1> Daniel Adeeri</h1><h4> Frontend Dev Ninja</h4></div>
</div>
</div>
<hr class="line">
</header>
<main class="main">
<div class="herocontainer">
<div class="hero"><img class="heroimg" src="img/hero-01.png" alt="Hero image"></div>
</div>
<article><h2 class="feature">Featured works</h2></article>
<div class="featured_works">
<div class="first_work">
<article class="description"> <h2>Pixel Art Maker</h2> <p>Make Pixel Arts!</p><a href="https://github.com/danieladeeri/Pixel-Art-Maker">View project</a></article>
</div>
<div class="second_work">
<article class="description"> <h2>Frogger Arcade Game</h2> <p>Enjoy Arcade game and move safely to the other side</p> <a href="https://github.com/danieladeeri/Classic-Arcade-Game">View project</a> </article>
</div>
<div class="third_work">
<article class="description"> <h2>Memory Game</h2> <p>Test your memory by matching two common cards together</p> <a href="https://github.com/danieladeeri/Memory-Game">View project</a></article>
</div>
</div>
<hr class="line2">
<footer class="foot">
<section><h5 class="connect_text">Connect with me</h5> </section>
<div class="social_icons">
<a href="https://www.linkedin.com/in/daniel-adeeri-67b030192/"> <img class= "social" src="img/linkedin.png" alt="linkedin"></a>
<a href="https://www.behance.net/danieladeeri/"> <img class= "social" src="img/behance.png" alt="behance"></a>
<a href="https://www.instagram.com/danieladeeri/"> <img class= "social" src="img/instagram.png" alt="instagram"></a>
<a href="https://www.twitter/danieladeeri/"> <img class= "social" src="img/twitter.png" alt="Twitter"></a>
</div>
</footer>
</main>
</body>
</html>