-
Notifications
You must be signed in to change notification settings - Fork 0
/
places.html
110 lines (103 loc) · 3.97 KB
/
places.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="My first pet project" />
<meta name="keywords" content="html5, css3, course, javascript, tags" />
<title>Favorite Places</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" />
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="styles/styles_BS.css" />
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon-16x16.png" />
<link rel="manifest" href="/assets/img/site.webmanifest" />
</head>
<body>
<nav class="navbar navbar-expand-lg sticky-top navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" p-0 href="index.html">
<img src="./assets/img/code.png" alt="logo.png" width="30" />
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">
Home
</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="places.html">
Favorite Places
</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container my-5">
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-5">
<div class="col">
<div class="card">
<img src="https://picsum.photos/id/1027/300" class="card-img-top" alt="photo.img" />
<div class="card-body">
<h5 class="card-title">Wedding</h5>
<p class="card-text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi
enim veritatis amet nesciunt nobis excepturi recusandae in esse
laudantium eos!
</p>
<a href="https://picsum.photos/id/1027/1500" target="_blank" class="btn btn-primary">Large
Photo</a>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="https://picsum.photos/id/1041/300" class="card-img-top" alt="photo.img" />
<div class="card-body">
<h5 class="card-title">Surfing</h5>
<p class="card-text">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Nesciunt, temporibus? Libero expedita odio facilis est?
</p>
<a href="https://picsum.photos/id/1041/1500" target="_blank" class="btn btn-primary">Large
Photo</a>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="https://picsum.photos/id/1000/300" class="card-img-top" alt="photo.img" />
<div class="card-body">
<h5 class="card-title">Arcic Death</h5>
<p class="card-text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore
recusandae ut amet expedita tempora quasi ab fugit consequatur
sapiente aspernatur, dolorum facere laudantium sit omnis earum
maxime magni, fugiat officia esse, aperiam numquam repellendus
delectus?
</p>
<a href="https://picsum.photos/id/1000/1500" target="_blank" class="btn btn-primary">Large
Photo</a>
</div>
</div>
</div>
</div>
</div>
<nav class="navbar fixed-bottom navbar-dark bg-dark">
<footer>
<p>Made by xMurieLLx <br />since 1988 ©</p>
</footer>
</nav>
</body>
</html>