-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsingolo2.html
119 lines (113 loc) · 6.49 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
115
116
117
118
119
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
<link rel="stylesheet" href="singolo2.css">
<title>Singolo2</title>
</head>
<body>
<div class="container">
<div class="portfolio">
<div class="wrapper">
<div class="h2_portfolio">
<h2>Portfolio</h2>
</div>
<div class="portfolio-text">
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
</div>
<div class="tags">
<button class="tags-button">All</button>
<button class="tags-button">Web Design</button>
<button class="tags-button">Graphic Design</button>
<button class="tags-button">Artwork</button>
</div>
<div class="layout-4-column">
<div class="column colum1">
<div><img src="assets/images/portfolio-images/1-1.jpg" alt="boat" class=""></div>
<div><img src="assets/images/portfolio-images/2-1.jpg" alt="bears&rabbits"></div>
<div><img src="assets/images/portfolio-images/3-1.jpg" alt="dragon"></div>
</div>
<div class="column colum2">
<div><img src="assets/images/portfolio-images/1-2.jpg" alt="face_with_icecream"></div>
<div><img src="assets/images/portfolio-images/2-2.jpg" alt="sdk_boxes"></div>
<div><img src="assets/images/portfolio-images/3-2.jpg" alt="font"></div>
</div>
<div class="column colum3">
<div><img src="assets/images/portfolio-images/1-3.jpg" alt="city"></div>
<div><img src="assets/images/portfolio-images/2-3.jpg" alt="abstract_picture"></div>
<div><img src="assets/images/portfolio-images/3-3.jpg" alt="daemon"></div>
</div>
<div class="column colum4">
<div><img src="assets/images/portfolio-images/1-4.jpg" alt="robot"></div>
<div><img src="assets/images/portfolio-images/2-4.jpg" alt="chickens"></div>
<div><img src="assets/images/portfolio-images/3-4.jpg" alt="broken_glass"></div>
</div>
</div>
</div>
</div>
<div class="portfolio-bottom">
</div>
<section class="aboutus">
<div class="wrapper">
<div class="aboutus-h2">
About Us
</div>
<div class="aboutus-h2-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.
</div>
<div class="layout-3-column">
<div class="l3-column colfirst">
<div><img src="assets/images/aboutus-photo/photo1.png" alt=""></div>
<div><h3>Adam Jensen</h3>
</div>
<div><p>
Quisque luctus, quam eget molestie commodo, lacus purus cursus purus, nec rutrum tellus dolor id lorem.
</p></div>
<div class="social-buttons">
<div><a href="#"><img src="assets/images/social-buttons/facebook.png" alt="facebook_img"></a></div>
<div><a href="#"><img src="assets/images/social-buttons/google.png" alt="google_img"></a></div>
<div><a href="#"><img src="assets/images/social-buttons/twitter.png" alt="twitter_img"></a></div>
<div><a href="#"><img src="assets/images/social-buttons/linkedin.png" alt="linkedin_img"></a></div>
</div>
</div>
<div class="l3-column colsecond">
<div><img src="assets/images/aboutus-photo/photo2.png" alt=""></div>
<div><h3>Desmond Miles</h3>
</div>
<div>
<p>Curabitur vestibulum eget mauris quis laoreet. Phasellus in quam laoreet, viverra lacus ut, ultrices velit.</p>
</div>
<div class="social-buttons">
<div><a href="#"><img src="assets/images/social-buttons/facebook.png" alt="facebook_img"></a></div>
<div><a href="#"><img src="assets/images/social-buttons/google.png" alt="google_img"></a></div>
<div><a href="#"><img src="assets/images/social-buttons/twitter.png" alt="twitter_img"></a></div>
<div><a href="#"><img src="assets/images/social-buttons/linkedin.png" alt="linkedin_img"></a></div>
</div>
</div>
<div class="l3-column colthird">
<div><img src="assets/images/aboutus-photo/photo3.png" alt=""></div>
<div><h3>Scolara Visari</h3></div>
<div>
<p>Nulla sed nunc et tortor luctus faucibus. Morbi at aliquet turpis, et consequat felis. Quisque condimentum.</p>
</div>
<div class="social-buttons">
<div><a href="#"><img src="assets/images/social-buttons/facebook.png" alt="facebook_img"></a></div>
<div><a href="#"><img src="assets/images/social-buttons/google.png" alt="google_img"></a></div>
<div><a href="#"><img src="assets/images/social-buttons/twitter.png" alt="twitter_img"></a></div>
<div><a href="#"><img src="assets/images/social-buttons/linkedin.png" alt="linkedin_img"></a></div>
</div>
</div>
</div>
</div>
</section>
<div class="aboutus-bottom">
</div>
</div>
</div>
</body>
</html>