-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproject-template.html
163 lines (133 loc) · 5.85 KB
/
project-template.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
<!--
IMPORTANT!
Keep this file unchanged to use as a template for all future project pages.
For every new project you add to your portfolio, make a copy of this file in the
'project-pages' folder with a name related to the project.
-->
<!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="Logo01.png" />
<title>Elizabeth Innemee</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="layout.css">
<link rel="stylesheet" href="typography.css">
<link rel="stylesheet" href="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
(this should be the same across all pages)
-->
<span class="nav-title">Elizabeth Innemee</span>
<!--
TODO - Change the email after 'mailto:' to your email address for contact
(this should be the same across all pages)
-->
<a class="button" href="mailto:[email protected]">
<span class="button-text">Contact</span>
</a>
</a>
</div>
<!-- MAIN PAGE CONTENT -->
<div id="main-content">
<!-- PROJECT HEADER -->
<div id="project-header">
<!--
TODO
- Change the 'main-title' text to the name of your project
- Change the 'body-text' text to a short and sweet description of your project (maybe the same as the one on the project card)
- Change "desktop.jpeg" to the image filename you uploaded in the assets/images folder.
-->
<div class="main-title">CV</div>
<div class="body-text">My CY</div>
<image class="project-header-image" src="desktop.jpeg">
</div>
<!-- PROJECT DETAILS -->
<!--
TODO
- Change the 'subheader-text' to whatever header you want for project details
- Add paragraphs using the <div class="body-text"></div> elements in the "project-details-content"
-->
<div id="project-details">
<div class="subheader-text">Project Details / Background</div>
<div class="project-details-content">
<div class="body-text">Coming soon...</div>
</div>
</div>
<!-- IMAGE GALLERY -->
<div id="project-gallery">
<!-- TODO - Change the 'subheader-text' to whatever you want the Gallery section header to say -->
<div class="subheader-text">Image Gallery</div>
<div class="project-gallery-content">
<!--
TODO
This is where the images in the gallery live. Here's a simple gallery image for you to copy:
Full Width Image:
<div class="gallery-image-container">
<img src="../assets/images/IMAGE_NAME" class="gallery-image">
<span class="image-caption">IMAGE_CAPTION</span>
</div>
Half Width Image:
<div class="gallery-image-container half-width">
<img src="../assets/images/IMAGE_NAME" class="gallery-image">
<span class="image-caption">IMAGE_CAPTION</span>
</div>
- To add an image to the this area, copy one of the above, paste it below this comment, and change the following:
- IMAGE_NAME: the name of the image file in assets/images
- IMAGE_CAPTION: to the caption of the image
-->
<div class="gallery-image-container half-width">
<img src="../assets/images/code.jpeg" class="gallery-image">
<span class="image-caption">Give your image a caption. People love context.</span>
</div>
<div class="gallery-image-container half-width">
<img src="../assets/images/sketchbook.jpeg" class="gallery-image">
<span class="image-caption">Give your image a caption. People love context.</span>
</div>
<div class="gallery-image-container">
<img src="../assets/images/camera.jpeg" class="gallery-image">
<span class="image-caption">Give your image a caption. People love context.</span>
</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://twitter.com/whitevans_eth">
<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://twitter.com/whitevans_eth">
<image src="../assets/icons/twitter.svg" 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>
</body>
</html>