-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathphotos.html
144 lines (142 loc) · 4.83 KB
/
photos.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
<html lang="en">
<head>
<title>My Favorite Hobby</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#064da6" />
<meta
name="description"
content="Pranav's Portfolio. I am a beginner web and python dev. Contact Me: https://bunnyorg.in/#contact"
/>
<link rel="preconnect" href="https://fonts.googleapis.com/" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/photo.css" />
<link rel="icon" type="image/png" href="/img/Personal App logo.png" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6"
crossorigin="anonymous"
/>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
crossorigin="anonymous"
></script>
</head>
<body>
<nav
class="navbar navbar-expand-lg navbar-light"
style="background-color: #0477c2"
>
<div class="container-fluid">
<a class="navbar-brand" href="#">Pranav's Portfolio</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" href="/#welcome">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/#bio">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/#inspiration">My Inspiration</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/my-projects.html">My Work</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="/photos.html">Photos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<section id="welcome" class="parallax-container">
<div
class="parralax-inner top-50 start-50 translate-middle position-absolute"
>
<img
src="./img/Profile picture.jpg"
class="profilepic"
alt="Profile Pic"
/>
<h1 class="head">
Hi! I am Pranav! <br /><br />
<span style="font-family: 'Roboto Mono', monospace"
>This is the Photo Gallery 👇</span
>
</h1>
</div>
</section>
<section id="gallery">
<div>
<span
><img
src="/img/Art/Butterfly on a flower.jpg"
alt="Butterfly on a flower" /></span
><span><img src="/img/Art/Chicken Eggs.jpg" alt="Chicken Eggs" /></span
><span><img src="/img/Art/Dog.jpg" alt="" /></span>
</div>
<div>
<span
><img
src="/img/Art/Floating Old Man.jpg"
alt="Floating Old Man" /></span
><span><img src="/img/Art/Flower Pot.jpg" alt="Flower Pot" /></span
><span><img src="/img/Art/Girl on moon.jpg" alt="Girl on moon" /></span>
</div>
<div>
<span><img src="/img/Art/Mustached Man.jpg" alt="Mustached Man" /></span
><span
><img
src="/img/Art/Old man's pet dog.jpg"
alt="Old man's pet dog" /></span
><span><img src="/img/Art/Old Man.jpg" alt="Old Man" /></span>
</div>
<div>
<span><img src="/img/Art/Snowman.jpg" alt="Snowman" /></span
><span><img src="/img/Art/Tennis Set.jpg" alt="Tennis Set" /></span
><span
><img
src="/img/Art/Tree cum bird cum walkng tree.jpg"
alt="Tree cum bird cum walking tree"
/></span>
</div>
<div>
<span
><img
src="/img/Art/Happy Birthday Card.jpeg"
alt="Happy Birthday Card" /></span
><span
><img
src="/img/Art/Paint brush sktech.jpeg"
alt="Paint brush sketch" /></span
><span
><img
src="/img/Art/Radha Krishna in heaven.jpeg"
alt="Radha Krishna in heaven"
/></span>
</div>
<div>
<span><img src="/img/Art/Rainbow Tree.jpeg" alt="Rainbow Tree" /></span>
><span
><img src="/img/Art/Rangoli Design.jpeg" alt="Rangoli Design"
/></span>
</div>
</section>
</body>
</html>