-
Notifications
You must be signed in to change notification settings - Fork 0
/
project4.html
117 lines (100 loc) · 2.81 KB
/
project4.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
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<title>Duarte</title>
<meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1'>
<link rel='stylesheet' href='style.css'>
</head>
<body>
<!--////////////////////////////////////Header-->
<header>
<div class='header'>
<div class='row--no-gutter'>
<div class='col col--7-of-12 col--s-12-of-12'>
<div class='box logo'>
<a href="index.html"><h1>duarte ferreira</h1></a>
</div>
</div>
<div class='col col--5-of-12 col--ab '>
<div class="hidelinks">
<div class='box'>
<ul>
<li><a href='index.html'>Work</a></li>
<li><a href='about.html'>About</a></li>
<li><a href='contact.html'>Contact</a></li>
</ul>
</div>
</div>
</div>
<div class="col col--12-of-12">
<div class="burger">
<a href="" id="toggle"><span></span></a>
<div id="menu">
<ul>
<li><a href="index.html">Work</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</header>
<!--////////////////////////////////////Gallery-->
<div class='gallery'>
<div class='row'>
<div class='col col--6-of-12'>
<div class='box test2'>
<h2>Ouvir Escrever Vestir e Fazer</h2>
<p>
Editorial Design for an article about Pop and Rock music.
</br></br>
</p>
</div>
</div>
</div>
<div class='row test2'>
<div class='col col--12-of-12'>
<img src='images/livro/1.jpg' />
<img src='images/livro/2.jpg' />
<img src='images/livro/3.jpg' />
<img src='images/livro/4.jpg' />
<img src='images/livro/5.jpg' />
<img src='images/livro/6.jpg' />
<img src='images/livro/7.jpg' />
<img src='images/livro/8.jpg' />
<img src='images/livro/9.jpg' />
</div>
</div>
</div>
<!--////////////////////////////////////Footer-->
<footer>
<div class='footer'>
<div class='row'>
<div class='col col--12-of-12 col--centered'>
<div class='mail'>[email protected]</div>
</div>
<div class='col col--12-of-12 col--centered'>
<hr class='bar'>
</div>
<div class='col col--2-of-12'>
</div>
<div class='col col--8-of-12'>
<div class='social'>
<a href='https://www.behance.net/Duart' target='_blank'><img src='images/ico/beh.png' /></a>
<a href='https://pt.linkedin.com/in/duarte-ferreira-b79874108'><img src='images/ico/linkd.png' /></a>
<a href='https://vimeo.com/duart' target='_blank'><img src='images/ico/vim.png' /></a>
<a href='https://www.instagram.com/duart3000/' target='_blank'><img src='images/ico/insta.png' /></a>
</div>
</div>
<div class='col col--2-of-12'>
</div>
</div>
</div>
</footer>
<script src='js/jquery.1.11.3.js'></script>
<script src='js/main.js'></script>
</body>
</html>