-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgallery.html
157 lines (149 loc) · 6.53 KB
/
gallery.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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home_boot</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<style>
nav ul li a{
padding: 20px;
}
.st_div{
margin-left: 100px;
margin-right: 100px;
}
nav ul li a:hover{
background-color: rgb(10, 5, 1);
color: blue;
}
</style>
<style>
</style>
</head>
<body>
<div class="bg-dark h-100 text-light container-fluid">
<h1 class="mx-5">Check out my Gallery....</h1>
<nav class="navbar navbar-expand-sm bg-dark mx-5">
<div class="container-fluid bg-warning" style="border-radius: 10px;">
<ul class="navbar-nav">
<li class="nav-item mx-5" >
<a class="nav-link navbar-brand active" href="index.html" style="font-size: xx-large; color: aliceblue;">Home</a>
</li>
<li class="nav-item mx-5">
<a class="nav-link navbar-brand" href="gallery.html" style="font-size: xx-large; color: aliceblue;">Gallery</a>
</li>
<li class="nav-item mx-5">
<a class="nav-link navbar-brand" href="about.html" style="font-size: xx-large; color: aliceblue;">About</a>
</li>
<li class="nav-item mx-5">
<a class="nav-link navbar-brand" href="skills.html" style="font-size: xx-large; color: aliceblue;">Skills</a>
</li>
<li class="nav-item mx-5">
<a class="nav-link navbar-brand" href="contacts.html" style="font-size: xx-large; color: aliceblue;">Contacts</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="container my-3">
<div class="row">
<div class="col">
<p><img style="height: 500px; width: 500px;" src="tea1.jpeg" alt=""></p>
<p><i>When breakfast calls, with my guy I answer...</i></p>
</div>
<div class="col">
<p><img style="height: 500px; width: 500px;" src="side (6).JPG" alt=""></p>
<p><i>This must be time for chilling...</i></p>
</div>
<div class="col">
<p><img style="height: 700px; width: 500px;" src="side (1).JPG" alt=""></p>
<p><i>The silence one single person is stronger than than the noise of 1000 people</i></p>
</div>
<div class="col">
<p><img style="height: 700px; width: 500px;" src="jany.jpeg" alt=""></p>
<p><i>On a walk to work..</i></p>
</div>
<div class="col">
<p><img style="height: 700px; width: 500px;" src="freedom walk.jpeg" alt=""></p>
<p><i>On a walk to freedom.....</i></p>
</div>
<div class="col">
<p><img style="height: 700px; width: 500px;" src="off1.jpeg" alt=""></p>
<p><i>When office work calls,....bodly i answer</i></p>
</div>
<div class="col">
<p><img style="height: 700px; width: 500px;" src="jose3.jpeg" alt=""></p>
<p><i>With my brother, we pose for pics</i></p>
</div>
<div class="col">
<p><img style="height: 700px; width: 500px;" src="jose2.jpeg" alt=""></p>
<p><i>With Him la Brodha....</i></p>
</div>
</div>
</div>
<div class="row bg-black text-light p-5 mx-5">
<div class="col">
<p> <a class="nav-link text-light" href="index.html"> Pius Homepage</a></p>
<p> <a class="nav-link text-light" href="skills.html"> Services i can offer</a></p>
<p> <a class="nav-link text-light" href="skills.html"> Skills</a></p>
<p>Forging it la Future from Bugema University..</p>
</div>
<div class="col">
<p><b><a class="nav-link text-light f1" href="about.html"> Discover more about about Pius</a></b></p>
<p>Yarning and ready to interact with you.
</p>
</div>
<div class="col">
<p class="f1"><b>Who Pius is?</b></p>
<p>One meek gent whose coding passion burns bright.
</p>
</div>
</div>
<div class="row bg-black text-light p-5 mx-5">
<div class="col f1">
<p> <img style="width: 30px; height: 30px;" src="wwwwww.jpg" alt=""> 0750135338</p>
</div>
<div class="col f1">
<p class="f1"><img style="width: 30px; height: 30px;" src="call.png" alt="">
<a class="name-link" href="web.whatsapp.com">0762447837</a></p>
</div>
<div class="col">
<p class="f1" style="font-size: 12px;"> <img style="width: 30px; height: 30px;" src="ma.png" alt="">
<a href="https://accounts.google.com/SignOutOptions?hl=en&continue=https://www.google.com%3Fhl%3Den-US&ec=GBRA8wE">[email protected]</a></p>
</div>
<div class="col f1">
<p><img style="width: 30px; height: 30px;" src="xlogo.jpg" alt="">
<a href="https://twitter.com/marlon_psly">@marlon_psly</a> </p>
</div>
<div class="col f1">
<p><img style="width: 30px; height: 30px;" src="face.png" alt="">
<a href="https://www.facebook.com/profile.php?id=100083069691070">Marlon Pius</a> </p>
</div>
</div>
<style>
.f1 a{
text-decoration: none;
text-decoration-color: white;
color: beige;
}
.f1 a:hover{
background-color: bisque;
color: blue;
}
</style>
<div class="mx-5" style="background-color: black; height: 50px;"></div>
<hr class="mx-5" size="2%" color="black" width="99.7%">
<div class="mx-5" style="background-color: black; height: 40px;"></div>
<hr class="mx-5" size="2%" color="black" width="99.7%">
<div class="mx-5" style="background-color: black; height: 30px;"></div>
<hr class="mx-5" size="2%" color="black" width="99.7%">
<div class="mx-5" style="background-color: black; height: 20px;"></div>
<hr class="mx-5" size="2%" color="black" width="99.7%">
<div class="mx-5" style="background-color: black; height: 10px;"></div>
<hr class="mx-5" size="2%" color="black" width="99.7%">
<div class="mx-5" style="background-color: black; height: 5px;"></div>
<hr class="mx-5" size="2%" color="black" width="99.7%">
<div class="mx-5" style="background-color: black; height: 1px;"></div>
</body>