-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
106 lines (96 loc) · 4.54 KB
/
index.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
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/8c1f754ca0.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="page-container">
<div class="inner-container">
<!-- FIRST ROW -->
<nav>
<ul class="nav-bar">
<li>Home</li>
<li>Services</li>
<li>Blog</li>
<li>About Us</li>
<li>Press</li>
<li>Contact</li>
</ul>
</nav>
<!-- SECOND ROW -->
<div class="inner-introduction">
<img src="https://picsum.photos/200" alt="photo">
<div class="introduction">
<span>WE</span>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum neque erat. Phasellus purus lacus, posuere vitae leo et, fringilla semper risus. Vestibulum scelerisque justo congue fermentum accumsan. Mauris odio turpis, aliquet qui posuere sed, eleifend eget felis.</p>
<p>Etiam pharetra turpis ut nisi maximus, non posuere mi malesuada. In varius libero vitae odio commodo dignissim. Sed dignissim, neque quis ultrices venenatis, ex lacus lobortis odio, ut efficitur elit purus a libero.</p>
</div>
</div>
</div>
<!-- THIRD ROW -->
<div class="inner-content">
<!-- CONTACT COLUMN -->
<div class="inner-content-column contact">
<h1>CONTACT US</h1>
<span>Carlyle & Gertrude</span>
<span>4952 Tavern Place</span>
<span>Denver. CO 80202</span>
<span><i class="fa-solid fa-phone"></i>303-963-4742</span>
<span><i class="fa-solid fa-envelope"></i> [email protected]</span>
<span>
<i class="fa-brands fa-github"></i>
<i class="fa-brands fa-facebook"></i>
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-instagram"></i>
<i class="fa-brands fa-google-plus-g"></i>
<i class="fa-brands fa-pinterest"></i>
</span>
</div>
<!-- PRESS RELEASES COLUMN -->
<div class="inner-content-column">
<h1>LATEST PRESS RELEASES</h1>
<div class="press-release">
<span class="date">05/18/16</span>
<span class="description">
Etiam pharetra turpis ut nisi maximus, non posuere mi malesuada.
</span>
</div>
<div class="press-release">
<span class="date">05/18/16</span>
<span class="description">
Etiam pharetra turpis ut nisi maximus, non posuere mi malesuada.
</span>
</div>
<div class="press-release">
<span class="date">05/18/16</span>
<span class="description">
Etiam pharetra turpis ut nisi maximus, non posuere mi malesuada.
</span>
</div>
<div class="press-release">
<span class="date">05/18/16</span>
<span class="description">
Etiam pharetra turpis ut nisi maximus, non posuere mi malesuada.
</span>
</div>
<div class="press-release">
<span class="date">05/18/16</span>
<span class="description">
Etiam pharetra turpis ut nisi maximus, non posuere mi malesuada.
</span>
</div>
<!-- MEDIA RESOURCES COLUMN -->
</div>
<div class="inner-content-column">
<h1>MEDIA RESOURCES</h1>
<img src="https://picsum.photos/150" alt="photo">
<img src="https://picsum.photos/150" alt="photo">
</div>
</div>
</div>
</div>
</body>
</html>