-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsingolo2.html
More file actions
125 lines (120 loc) · 7.3 KB
/
singolo2.html
File metadata and controls
125 lines (120 loc) · 7.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Singolo2</title>
<link rel="stylesheet" href="./assets/fonts/fonts.css">
<link rel="stylesheet" href="singolo2.css">
</head>
<body>
<div class="wrapper">
<section class="portfolio">
<h2>Portfolio</h2>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
<div class="portfolio__navigation">
<div class="portfolio__navigation-item"><button>All</button> </div>
<div class="portfolio__navigation-item"><button>Web Design</button></div>
<div class="portfolio__navigation-item"><button>Graphic Design</button></div>
<div class="portfolio__navigation-item"><button>Artwork</button></div>
</div>
<div class="portfolio__gallery">
<div class="portfolio__gallery-item"><img src="./assets/img/portfolio/img1.png" alt="picture1"></div>
<div class="portfolio__gallery-item"><img src="./assets/img/portfolio/img2.png" alt="picture2"></div>
<div class="portfolio__gallery-item"><img src="./assets/img/portfolio/img3.png" alt="picture3"></div>
<div class="portfolio__gallery-item"><img src="./assets/img/portfolio/img4.png" alt="picture4"></div>
<div class="portfolio__gallery-item"><img src="./assets/img/portfolio/img5.png" alt="picture5"></div>
<div class="portfolio__gallery-item"><img src="./assets/img/portfolio/img6.png" alt="picture6"></div>
<div class="portfolio__gallery-item"><img src="./assets/img/portfolio/img7.png" alt="picture7"></div>
<div class="portfolio__gallery-item"><img src="./assets/img/portfolio/img8.png" alt="picture8"></div>
<div class="portfolio__gallery-item"><img src="./assets/img/portfolio/img9.png" alt="picture9"></div>
<div class="portfolio__gallery-item"><img src="./assets/img/portfolio/img10.png" alt="picture10"></div>
<div class="portfolio__gallery-item"><img src="./assets/img/portfolio/img11.png" alt="picture11"></div>
<div class="portfolio__gallery-item"><img src="./assets/img/portfolio/img12.png" alt="picture12"></div>
</div>
</section>
<section class="about-us">
<h2>About Us</h2>
<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="three-column-layout">
<div class="three-column-layout-item">
<div class="three-column-layout-item img"><img src="./assets/img/about us/img1.png" alt="photo1"></div>
<div class="three-column-layout-item name">Adam Jensen</div>
<div class="three-column-layout-item description">
<p>
Quisque luctus, quam eget molestie commodo, lacus purus
cursus purus, nec rutrum tellus dolor id lorem
</p>
</div>
<div class="three-column-layout-item social-media">
<a href="http://facebook.com" target="_blank" rel="noopener noreferrer">
<div class="social-media-item facebook"></div>
</a>
<a href="http://google.com" target="_blank" rel="noopener noreferrer">
<div class="social-media-item google"></div>
</a>
<a href="http://twitter.com" target="_blank" rel="noopener noreferrer">
<div class="social-media-item twitter"></div>
</a>
<a href="http://linkdein.com" target="_blank" rel="noopener noreferrer">
<div class="social-media-item linkedin"></div>
</a>
</div>
</div>
<div class="three-column-layout-item">
<div class="three-column-layout-item img"><img src="./assets/img/about us/img2.png" alt="photo2"></div>
<div class="three-column-layout-item name">Desmond Miles</div>
<div class="three-column-layout-item description">
<p>
Curabitur vestibulum eget mauris quis laoreet. Phasellus
in quam laoreet, viverra lacus ut, ultrices velit.
</p>
</div>
<div class="three-column-layout-item social-media">
<a href="http://facebook.com" target="_blank" rel="noopener noreferrer">
<div class="social-media-item facebook"></div>
</a>
<a href="http://google.com" target="_blank" rel="noopener noreferrer">
<div class="social-media-item google"></div>
</a>
<a href="http://twitter.com" target="_blank" rel="noopener noreferrer">
<div class="social-media-item twitter"></div>
</a>
<a href="http://linkdein.com" target="_blank" rel="noopener noreferrer">
<div class="social-media-item linkedin"></div>
</a>
</div>
</div>
<div class="three-column-layout-item">
<div class="three-column-layout-item img"><img src="./assets/img/about us/img3.png" alt="photo3"></div>
<div class="three-column-layout-item name">Scolara Visari</div>
<div class="three-column-layout-item description">
<p>
Nulla sed nunc et tortor luctus faucibus. Morbi at
aliquet turpis, et consequat felis. Quisque condimentum.
</p>
</div>
<div class="three-column-layout-item social-media">
<a href="http://facebook.com" target="_blank" rel="noopener noreferrer">
<div class="social-media-item facebook"></div>
</a>
<a href="http://google.com" target="_blank" rel="noopener noreferrer">
<div class="social-media-item google"></div>
</a>
<a href="http://twitter.com" target="_blank" rel="noopener noreferrer">
<div class="social-media-item twitter"></div>
</a>
<a href="http://linkdein.com" target="_blank" rel="noopener noreferrer">
<div class="social-media-item linkedin"></div>
</a>
</div>
</div>
</div>
</section>
</div>
</body>
</html>