singolo/singolo2.html at master · evshipilo/singolo · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Singolo2</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	<link rel="stylesheet" href="singolo2.css">

</head>
<body>

<section class="portfolio">
	<div class="wrapper">

		<h1>
			Portfolio
		</h1>
		<p>
			Duis mollis, est non commodo luctus, nisi erat porttitor ligula,
			eget lacinia odio sem nec elit.
		</p>
		<button class="first-button">All</button>
		<button class="second-button">Web Design</button>
		<button class="third-button">Graphic Design</button>
		<button class="forth-button">Artwork</button>

		<div class="gallery">
			<img src="assets/s2-ship.jpg" alt="ship" width="220">
			<img src="assets/s2-smile.jpg" alt="smile" width="220">
			<img src="assets/s2-black.jpg" alt="black" width="220">
			<img src="assets/s2-robot.jpg" alt="robot" width="220">
			<img src="assets/s2-animals.jpg" alt="animals" width="220">
			<img src="assets/s2-sdk.jpg" alt="sdk" width="220">
			<img src="assets/s2-robots.jpg" alt="robots" width="220">
			<img src="assets/s2-birds.jpg" alt="birds" width="220">
			<img src="assets/s2-beast.jpg" alt="beast" width="220">
			<img src="assets/s2-words.jpg" alt="words" width="220">
			<img src="assets/s2-beast2.jpg" alt="beast" width="220">
			<img src="assets/s2-abstract.jpg" alt="abstract" width="220">

		</div>
	</div>
</section>

<section class="about-us">
	<div class="wrapper">
		<h1>
			About Us
		</h1>
		<p>
			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="articles">
			<article>
				<img src="assets/s2-face1.jpg" alt="foto" width="300">
				<div class="wrapper-hidden"><h2>Adam Jensen
				</h2></div>
				<p>Quisque luctus, quam eget molestie commodo, lacus purus
					cursus purus, nec rutrum tellus dolor id lorem.</p>
				<div class="social-links first">
					<a href="#"><img src="assets/s2-facebook.png" alt="facebook"
					                 width="32"></a>
					<a href="#"><img src="assets/s2-google.png" alt="google"
					                 width="32"></a>
					<a href="#"><img src="assets/s2-twitter.png" alt="twitter"
					                 width="32"></a>
					<a href="#"><img src="assets/s2-linkedin.png" alt="linked"
					                 width="32"></a>
				</div>
			</article>
			<article>
				<img class="second-foto" src="assets/s2-face2.jpg" alt="foto"
				     width="300">
				<div
						class="wrapper-hidden"><h2>Desmond
					Miles</h2></div>
				<p>Curabitur vestibulum eget mauris quis laoreet. Phasellus in
					quam
					laoreet, viverra lacus ut, ultrices velit.</p>
				<div class="social-links">
					<a href="#"><img src="assets/s2-facebook.png" alt="facebook"
					                 width="32"></a>
					<a href="#"><img src="assets/s2-google.png" alt="google"
					                 width="32"></a>
					<a href="#"><img src="assets/s2-twitter.png" alt="twitter"
					                 width="32"></a>
					<a href="#"><img src="assets/s2-linkedin.png" alt="linked"
					                 width="32"></a>
				</div>
			</article>
			<article>
				<img src="assets/s2-face3.jpg" alt="foto" width="300">
				<div
						class="wrapper-hidden"><h2>Scolara
					Visari</h2></div>
				<p>Nulla sed nunc et tortor luctus faucibus. Morbi at aliquet
					turpis,
					et consequat felis. Quisque condimentum.</p>
				<div class="social-links">
					<a href="#"><img src="assets/s2-facebook.png" alt="facebook"
					                 width="32"></a>
					<a href="#"><img src="assets/s2-google.png" alt="google"
					                 width="32"></a>
					<a href="#"><img src="assets/s2-twitter.png" alt="twitter"
					                 width="32"></a>
					<a href="#"><img src="assets/s2-linkedin.png" alt="linked"
					                 width="32"></a>
				</div>
			</article>
		</div>
	</div>
</section>


</body>
</html>