-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
107 lines (104 loc) · 5.63 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
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Anastasia Evgenia Alexandri">
<meta name="description" content="Preview of my projects">
<title>Portfolio Site</title>
<link href="css\styles.css" rel="stylesheet">
<link href="css\responsive.css" rel="stylesheet">
</head>
<body>
<div class="body_wrapper">
<header class="header_box">
<div class="header_img">
<img src="images\udacityLogo.png" class="logo" alt="Udacity Logo">
</div>
<div class="header_text">
<h1 class="name">Anastasia Evgenia Alexandri</h1>
<h6 class="job">Front-End Developer</h6>
</div>
</header>
<main class="main_box">
<section class="main_img_box">
<picture class="code_image">
<source media="(min-width: 769px)" srcset="images\original.jpg 769w">
<source media="(min-width: 361px)" srcset="images\medium.jpg 361w">
<img src="images\small.png" alt="Random picture with html code." class="code_image">
</picture>
</section>
<section class="my_work_container">
<div class="my_work_header">
<p class="header_title">Featured Work</p>
</div>
<div class="project1">
<a href="https://anastasiaevgenia.github.io/Mockup-To-Article/" target="_blank" class="project_link">
<img src="images\1.jpg" alt="Preview of my Mockup to Article project." class="project_image mockup_img">
<p class=project_title>Mockup to Article</p>
</a>
</div>
<div class="project2">
<a href="https://anastasiaevgenia.github.io/Animal-Trading-Card/" target="_blank" class="project_link">
<img src="images\2.jpg" alt="A photograph of my cat Asher, from the Animal Trading Card Project." class="project_image card_img">
<p class=project_title>Animal Trading Card</p>
</a>
</div>
<div class="project3">
<a href="https://anastasiaevgenia.github.io/Pixel-Art-Maker/" target="_blank" class="project_link">
<img src="images\3.jpg" alt="Preview of my Pixel Art Maker project." class="project_image pixel_img">
<p class=project_title>Pixel Art Maker</p>
</a>
</div>
<div class="project4">
<a href="https://anastasiaevgenia.github.io/memory-card-game/" target="_blank" class="project_link">
<img src="images\4.jpg" alt="Memory Card Game Project preview." class="project_image portfolio_img" >
<p class=project_title>Memory Card Game</p>
</a>
</div>
<div class="project5">
<a href="https://anastasiaevgenia.github.io/Arcade-Game-Project/" target="_blank" class="project_link">
<img src="images\5.JPG" alt="Preview of Arcade Game Project." class="project_image portfolio_img" >
<p class=project_title>Arcade Game</p>
</a>
</div>
<div class="project6">
<a href="https://anastasiaevgenia.github.io/feed-reader-project/" target="_blank" class="project_link">
<img src="images\6.JPG" alt="Feed Reader Project preview." class="project_image portfolio_img" >
<p class=project_title>Fead Reader</p>
</a>
</div>
<div class="project7">
<a href="https://github.com/AnastasiaEvgenia/my-reads" target="_blank" class="project_link">
<img src="images\7.JPG" alt="My Reads Project github repository" class="project_image portfolio_img" >
<p class=project_title>My Reads</p>
</a>
</div>
<div class="project8">
<a href="https://anastasiaevgenia.github.io/restaurant-reviews-app-stage-1/" target="_blank" class="project_link">
<img src="images\8.JPG" alt="Restaurant review app preview." class="project_image portfolio_img" >
<p class=project_title>Restaurant Reviews App</p>
</a>
</div>
<div class="project9">
<a href="https://anastasiaevgenia.github.io/cat-clicker/" target="_blank" class="project_link">
<img src="images\9.JPG" alt="Cat clicker project preview." class="project_image portfolio_img" >
<p class=project_title>Cat Clicker</p>
</a>
</div>
<div class="project10">
<a href="https://anastasiaevgenia.github.io/neighborhood-map/" target="_blank" class="project_link">
<img src="images\10.JPG" alt="Preview of Patra City Neighborhood map app." class="project_image portfolio_img" >
<p class=project_title>Patra City Neighborhood Map</p>
</a>
</div>
</section>
</main>
<footer class="footer_box">
<a href="https://www.linkedin.com/in/anastasia-evgenia-alexandri-a12372150/" target="_blank">
<img src="images/linkedIn.png" alt="Linked In logo." class="linkedIn_logo">
</a>
</footer>
</div>
</body>
</html>