-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsingolo2.html
More file actions
128 lines (128 loc) · 7.19 KB
/
singolo2.html
File metadata and controls
128 lines (128 loc) · 7.19 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="singolo2.css">
</head>
<body>
<section class="portfolio">
<div class="wrapper portfolio-wrapper">
<h1 class="portfolio-tittle">Portfolio</h1>
<p class="portfolio-subtitle">Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
<div class="portfolio-block-button">
<button class="portfolio-button portfolio-button-first">All</button>
<button class="portfolio-button">Web Design</button>
<button class="portfolio-button">Graphic Design</button>
<button class="portfolio-button">Artwork</button>
</div>
<div class="portfolio_work">
<div class="portfolio_work_img">
<img src="assets/Image 1.png" alt="our_work" >
</div>
<div class="portfolio_work_img">
<img src="assets/Image 2.png" alt="our_work">
</div>
<div class="portfolio_work_img">
<img src="assets/Image 3.png" alt="our_work">
</div>
<div class="portfolio_work_img">
<img src="assets/Image 4.png" alt="our_work">
</div>
<div class="portfolio_work_img">
<img src="assets/Image 5.png" alt="our_work">
</div>
<div class="portfolio_work_img">
<img src="assets/Image 6.png" alt="our_work">
</div>
<div class="portfolio_work_img">
<img src="assets/Image 7.png" alt="our_work">
</div>
<div class="portfolio_work_img">
<img src="assets/Image 8.png" alt="our_work">
</div>
<div class="portfolio_work_img">
<img src="assets/Image 9.png" alt="our_work">
</div>
<div class="portfolio_work_img">
<img src="assets/Image 10.png" alt="our_work">
</div>
<div class="portfolio_work_img">
<img src="assets/Image 11.png" alt="our_work">
</div>
<div class="portfolio_work_img">
<img src="assets/Image 12.png" alt="our_work">
</div>
</div>
</div>
</section>
<section class="about-us">
<div class="wrapper">
<div class="about-us-wrapper">
<h1 class="about-us-tittle">About Us</h1>
<p class="about-us-subtitle">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="about-us-persons">
<div class="person">
<img class="person-foto" src="assets/1st.png" alt="person-foto">
<h2 class="person-name">Adam Jensen</h2>
<p class="person-resume">Quisque luctus, quam eget molestie commodo, lacus purus cursus purus, nec rutrum tellus dolor id lorem.</p>
<div class="person-social-media">
<a href="#" class="social-media">
<img class="social-media-icon" src="assets/icon_facebook.png" alt="f" width="100%">
</a>
<a href="#" class="social-media">
<img class="social-media-icon" src="assets/icon_Google.png" alt="g+" width="100%">
</a>
<a href="#" class="social-media">
<img class="social-media-icon" src="assets/icon_Twitter.png" alt="tw" width="100%">
</a>
<a href="#" class="social-media">
<img class="social-media-icon" src="assets/icon_LinkedIn.png" alt="in" width="100%">
</a>
</div>
</div> <!--person-->
<div class="person">
<img class="person-foto" src="assets/2st.png" alt="person_foto">
<h2 class="person-name">Desmond Miles</h2>
<p class="person-resume">Curabitur vestibulum eget mauris quis laoreet. Phasellus in quam laoreet, viverra lacus ut, ultrices velit.</p>
<div class="person-social-media">
<a href="#" class="social-media">
<img class="social-media-icon" src="assets/icon_facebook.png" alt="f" width="100%">
</a>
<a href="#" class="social-media">
<img class="social-media-icon" src="assets/icon_Google.png" alt="g+" width="100%">
</a>
<a href="#" class="social-media">
<img class="social-media-icon" src="assets/icon_Twitter.png" alt="tw" width="100%">
</a>
<a href="#" class="social-media">
<img class="social-media-icon" src="assets/icon_LinkedIn.png" alt="in" width="100%">
</a>
</div>
</div> <!--person-->
<div class="person">
<img class="person-foto" src="assets/3st.png" alt="person-foto">
<h2 class="person-name">Scolara Visari</h2>
<p class="person-resume">Nulla sed nunc et tortor luctus faucibus. Morbi at aliquet turpis, et consequat felis. Quisque condimentum.</p>
<div class="person-social-media">
<a href="#" class="social-media">
<img class="social-media-icon" src="assets/icon_facebook.png" alt="f" width="100%">
</a>
<a href="#" class="social-media">
<img class="social-media-icon" src="assets/icon_Google.png" alt="g+" width="100%">
</a>
<a href="#" class="social-media">
<img class="social-media-icon" src="assets/icon_Twitter.png" alt="tw" width="100%">
</a>
<a href="#" class="social-media">
<img class="social-media-icon" src="assets/icon_LinkedIn.png" alt="in" width="100%">
</a>
</div>
</div> <!--person-->
</div>
</div>
</div>
</section>
</body>
</html>