-
Notifications
You must be signed in to change notification settings - Fork 0
/
singolo2.html
114 lines (114 loc) · 5.48 KB
/
singolo2.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./assets/fonts/fonts.css">
<link rel="stylesheet" href="./singolo2.css">
<title>Singpolo 2</title>
</head>
<body>
<section class="portfolio">
<div class="wrapper">
<h2 class="portfolio-header">Portfolio</h2>
<p class="description">Duis mollis, est non commodo luctus, nisi erat
porttitor ligula, eget lacinia odio sem nec elit.</p>
<ul class="tags">
<li><a href="#">all</a></li>
<li><a href="#">web design</a></li>
<li><a href="#">graphic design</a></li>
<li><a href="#">artwork</a></li>
</ul>
<div class="layout-4-column">
<div class="item">
<a href="#"><img src="./assets/img/Project1.png" class="item-img1" alt=""></a>
</div>
<div class="item">
<a href="#"><img src="./assets/img/Project2.png" class="item-img2" alt=""></a>
</div>
<div class="item">
<a href="#"><img src="./assets/img/Project3.png" class="item-img3" alt=""></a>
</div>
<div class="item">
<a href="#"><img src="./assets/img/Project4.png" class="item-img4" alt=""></a>
</div>
<div class="item">
<a href="#"><img src="./assets/img/Project5.png" class="item-img5" alt=""></a>
</div>
<div class="item">
<a href="#"><img src="./assets/img/Project6.png" class="item-img6" alt=""></a>
</div>
<div class="item">
<a href="#"><img src="./assets/img/Project7.png" class="item-img7" alt=""></a>
</div>
<div class="item">
<a href="#"><img src="./assets/img/Project8.png" class="item-img8" alt=""></a>
</div>
<div class="item">
<a href="#"><img src="./assets/img/Project9.png" class="item-img9" alt=""></a>
</div>
<div class="item">
<a href="#"><img src="./assets/img/Project10.png" class="item-img10" alt=""></a>
</div>
<div class="item">
<a href="#"><img src="./assets/img/Project11.png" class="item-img11" alt=""></a>
</div>
<div class="item">
<a href="#"><img src="./assets/img/Project12.png" class="item-img12" alt=""></a>
</div>
<div class="item">
<a href="#"><img src="./assets/img/Project12.png" class="item-img12" alt=""></a>
</div>
<div class="item">
<a href="#"><img src="./assets/img/Project12.png" class="item-img12" alt=""></a>
</div>
</div>
</div>
<div class="portfolio-underline"></div>
</section>
<section class="about-us">
<div class="wrapper">
<h2 class="about-us-header">About Us</h2>
<p class="about-us-description">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum.
Duis mollis, non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
<div class="layer-3-tiles">
<div class="box">
<img src="./assets/img/photo1.jpg" alt="Adam Jensen" class="photo1">
<h3>Adam Jensen</h3>
<p>Quisque luctus, quam eget molestie commodo, lacus purus cursus purus, nec rutrum tellus dolor id lorem.</p>
<div class="soc-networks">
<a href="#"><img src="./assets/img/ico-facebook.svg" alt="Facebook" class="ico-facebook"></a>
<a href="#"><img src="./assets/img/ico-google-plus.svg" alt="Google Plus" class="ico-google-plus"></a>
<a href="#"><img src="./assets/img/ico-twitter.svg" alt="Twitter" class="ico-twitter"></a>
<a href="#"><img src="./assets/img/ico-linkedin.svg" alt="LinkedIn" class="ico-linkedin"></a>
</div>
</div>
<div class="box">
<img src="./assets/img/photo2.jpg" alt="Desmond Miles" class="photo2">
<h3>Desmond Miles</h3>
<p>Curabitur vestibulum eget mauris quis laoreet. Phasellus in quam laoreet, viverra lacus ut, ultrices velit.</p>
<div class="soc-networks">
<a href="#"><img src="./assets/img/ico-facebook.svg" alt="Facebook" class="ico-facebook"></a>
<a href="#"><img src="./assets/img/ico-google-plus.svg" alt="Google Plus" class="ico-google-plus"></a>
<a href="#"><img src="./assets/img/ico-twitter.svg" alt="Twitter" class="ico-twitter"></a>
<a href="#"><img src="./assets/img/ico-linkedin.svg" alt="LinkedIn" class="ico-linkedin"></a>
</div>
</div>
<div class="box">
<img src="./assets/img/photo3.jpg" alt="Scolara Visari" class="photo3">
<h3>Scolara Visari</h3>
<p>Nulla sed nunc et tortor luctus faucibus. Morbi at aliquet turpis, et consequat felis. Quisque condimentum.</p>
<div class="soc-networks">
<a href="#"><img src="./assets/img/ico-facebook.svg" alt="Facebook" class="ico-facebook"></a>
<a href="#"><img src="./assets/img/ico-google-plus.svg" alt="Google Plus" class="ico-google-plus"></a>
<a href="#"><img src="./assets/img/ico-twitter.svg" alt="Twitter" class="ico-twitter"></a>
<a href="#"><img src="./assets/img/ico-linkedin.svg" alt="LinkedIn" class="ico-linkedin"></a>
</div>
</div>
</div>
</div>
<div class="about-us-underline"></div>
</section>
</body>
</html>