-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
166 lines (143 loc) · 6.95 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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!--
TODO
Upload your Unemployable (or whatever photo you like) to the assets/images folder
and change the name of the image below to match the uploaded one
Change the title in the <title> tag to whatever you would like the title of your portfolio to be
This should be the same across all pages.
-->
<link rel="icon" href="./assets/images/1311.png" />
<title>Project Atene</title>
<meta name="description" content="A portfolio template for the Unemployables community.">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="./css/layout.css">
<link rel="stylesheet" href="./css/typography.css">
<link rel="stylesheet" href="./css/utilities.css">
<script defer src="./js/script.js"></script>
</head>
<body>
<!-- NAVBAR -->
<div class="navbar">
<a class="nav-title-link" href="./index.html">
<!-- TODO - Change the "Portfolio Title" to whatever you want displayed in the top left -->
<span class="nav-title">Project Atene</span>
</a>
</a>
</div>
<!-- MAIN PAGE CONTENT -->
<div id="main-content">
<!-- PORTFOLIO HEADER -->
<div id="portfolio-header">
<div id="portfolio-header-image-container">
<!--
TODO
- Change the img "src" attribute to point to the Unemployable image you uploaded (or whatever image).
- Change the number to point to your Unemployable & replace the OpenSea link with your own
- If you aren't using an Unemployable as your image, remove the entire "a" element
-->
<img src="./assets/images/images.jpg" class="portfolio-header-image">
</div>
<!-- t
TODO
- Change the main-title to whatver you want
- Change the body-text after that to a quick introduction to what you do
- Edit the button text if you feel like it. It will link to the projects section below.
-->
<div id="portfolio-header-text-container">
<div class="header-text">
<span class="main-title">Edoxia </span>
<div class="body-text">This is a project created by me :) I wish that you're gonna appreciate my bio :)))))) </div>
</div>
</a>
</div>
</div>
<!-- ABOUT SECTION -->
<!--
TODO
- Change the subheader-text to whatever header you want
- Add paragraphs using the <div class="body-text"></div> elements in the "about-section-content"
-->
<div id="about-section">
<span class="subheader-text">Who i am?</span>
<div class="about-section-content">
<div class="body-text">I'm a 13 yo kid that really like coding, i live in Piedmont in a small city near Turin. I'm really good at speaking english, I'm a cod iw zombie player that help people to get ingame advantage. If u want you can dm me on discord to get helped by me :) </div>
</div>
</div>
<!-- PROJECT THAT I'VE MADED -->
<div id="my-work-section">
<!-- TODO - Change the subheader-text to whatever you want the Projects section header to say -->
<span class="subheader-text">PROJECT THAT I'VE MADED</span>
<div class="projects-container">
<!--
TODO
This is where the project cards live. Here's a base level project card for you to copy:
<div class="project-card">
<img src="./assets/images/IMAGE_NAME" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">PROJECT_NAME</div>
<div class="body-text project-card-text">SMALL_PROJECT_DESCRIPTION</div>
</div>
<a class="button" href="./project-pages/PROJECT_PAGE_NAME.html">
<span class="button-text">Read More</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
- To add a project to the this area, copy the above, paste it below this comment, and change the following:
- IMAGE_NAME: the name of the image file in assets/images
- PROJECT_NAME: the name of the project (keep it short, it only shows 1 line)
- SMALL_PROJECT_DESCRIPTION: a quick project description (max 4 lines)
- PROJECT_PAGE_NAME.html: the html filename for the project (must be in project-pages folder)
-->
</div>
<div class="project-card">
<img src="./assets/images/maxresdefault.jpg" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">COD IW ZOMBIE EASTER EGG FULL CARRY</div>
<div class="body-text project-card-text">Project maded by me for free for everyone </div>
</div>
<a class="button" href="./project.pages/full-carry-ee-cod-iw-zombie.html">
<span class="button-text">Read More</span>
</a>
</div>
</div>
<div class="project-card">
<img src="./assets/images/matematica.jpg" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">Coding collaboration with everyone!</div>
<div class="body-text project-card-text">Elit pellentesque habitant morbi tristique senectus et netus et. Elementum tempus egestas sed sed risus pretium quam. Nibh ipsum consequat nisl vel pretium</div>
</div>
<a class="button" href="./project-pages/matematica.html">
<span class="button-text">Read More</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
</div>
</div>
</div>
<!-- FOOTER -->
<div id="footer">
<!--
TODO - Change href to your Instagram account (can also delete entire "a" element if no Instagram)
This should be the same across all pages.
-->
<a class="icon-link" target="_blank" href="https://www.instagram.com/mag_giaveno/">
<image src="./assets/icons/instagram.svg" class="footer-icon"/>
</a>
<!--
TODO - Change href to your Twitter account (can also delete entire "a" element if no Twitter)
This should be the same across all pages.
-->
<a class="icon-link" target="_blank" href="https://www.facebook.com/istitutoMAG/?locale=it_IT">
<image src="./assets/icons/facebook.png" class="footer-icon"/>
</a>
<!--
TODO - Change the email after "mailto" to your contact email
This should be the same across all pages.
-->
<a class="icon-link" href="mailto:[email protected]">
<image src="./assets/icons/mail.svg" class="footer-icon"/>
</a>
</div>