-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
252 lines (221 loc) · 13.1 KB
/
Copy pathindex.html
File metadata and controls
252 lines (221 loc) · 13.1 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
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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
<!DOCTYPE html>
<!-- saved from url=(0061)file:///Users/atulkumar/Desktop/space%20iitinerary/index.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>space exploration</title>
<link rel="stylesheet" type="text/css" href="./space exploration_files/style.css">
<link rel="stylesheet" href="./space exploration_files/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
</head>
<body>
<header class="header">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="file:///Users/atulkumar/Desktop/space%20iitinerary/index.html#"><img src="./space exploration_files/apple.png"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-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 ml-auto">
<li class="nav-item active">
<a class="nav-link" href="file:///Users/atulkumar/Desktop/space%20iitinerary/index.html#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="file:///Users/atulkumar/Desktop/space%20iitinerary/index.html#">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="file:///Users/atulkumar/Desktop/space%20iitinerary/index.html#">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="file:///Users/atulkumar/Desktop/space%20iitinerary/index.html#">Disabled</a>
</li>
</ul>
</div>
</nav>
<div class="intro">
<section class="main">
<div class="intro container">
<h1>Photography</h1>
<p>A paragraph is a series of related sentences developing a central idea, called the topic.</p>
<p> Try to think about paragraphs in terms of thematic unity: a paragraph is a sentence or a group of sentences </p>
<div class="b1">
<i class="f1 far fa-play-circle"></i><a href="file:///Users/atulkumar/Desktop/space%20iitinerary/index.html#">Watch video</a>
</div>
</div>
</section>
</div>
<video autoplay="" loop="" class="video-baground" muted="" plays-inline="">
<source src="2.mp4" type="video/mp4">
</video>
</header>
<div class="info1">
<div class="#">
<a name="t1"><h1 class="t1 text-center container">About Us</h1><hr class="border"></a>
</div>
<div class="row no-gutters bg-light position-relative">
<div class="col-md-6 mb-md-0 p-md-4">
<img src="./space exploration_files/leaf.jpg" class="w-100 introimg i3" alt="loading">
</div>
<div class="col-md-6 position-static p-4 pl-md-0">
<h2 class="mt-0 h1">Thing to know more about me</h2>
<p class="p1">
Photography is my passion. I like to do wildlife photography and I am also interested in fashion photography. Because of my interest in photography, I wanted to win this National Award so I applied to this competition. I like to play with the aperture and shutter speed play with the shallow depth of field bokeh effects and make the photograph more interesting and in a dramatic manner. I want to convey my story from that picture. I am going deeper and deeper and want to study more about the photography and lights like Rim light Godfather light(where they are placed) I want to study more about them and I want to become a pro in this field.</p>
<!-- Button trigger modal -->
<!-- Button trigger modal -->
<button type="button" class="btn-lg btn-primary" data-toggle="modal" data-target="#exampleModalScrollable">
know more
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModalScrollable" tabindex="-1" role="dialog" aria-labelledby="exampleModalScrollableTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalScrollableTitle">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">�</span>
</button>
</div>
<div class="modal-body" style="font-size: 20px;">
Photography is my passion. I like to do wildlife photography and I am also interested in fashion photography. Because of my interest in photography, I wanted to win this National Award so I applied to this competition. I like to play with the aperture and shutter speed play with the shallow depth of field bokeh effects and make the photograph more interesting and in a dramatic manner. I want to convey my story from that picture. I am going deeper and deeper and want to study more about the photography and lights like Rim light Godfather light(where they are placed) I want to study more about them and I want to become a pro in this field.
I also want to help the beginners who buy a camera and don't know how to use it so I made this website and I have also and YouTube channel in that I will be more active in that channel after some time.In this website you will learn the basics of photography like:ISO,aperture,shutter speed and how to take a good photograph. In this website I have put how to take a good photograph and how to use the flash tricks of flash I will upload more courses and more content in this website so,i hope that you will be able to learn the basics of the photography because basics of photography is very important.After learning the basics of photography you will be able to learn more about light like where rim light is kept. The Godfather light are kept and many more.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<div class="container">
<div class="container">
<a name="t1"><h1 class="t1 text-center container">About Us</h1><hr class="border"></a>
</div>
<form class="needs-validation" novalidate="">
<div class="form-row">
<div class="col-md-6 mb-3">
<label for="validationCustom01">First name</label>
<input type="text" class="form-control" id="validationCustom01" required="">
<div class="invalid-feedback">
Looks bad!
</div>
</div>
<div class="col-md-6 mb-3">
<label for="validationCustom02">Last name</label>
<input type="text" class="form-control" id="validationCustom02" required="">
<div class="invalid-feedback">
Looks good!
</div>
</div>
</div>
<div class="form-row">
<div class="col-md-6 mb-3">
<label for="validationCustom03">City</label>
<select class="custom-select" id="validationCustom04" required="">
<option selected="" disabled="" value="">Choose...</option>
<option>...</option>
</select>
</div>
<div class="col-md-3 mb-3">
<label for="validationCustom04">State</label>
<select class="custom-select" id="validationCustom04" required="">
<option selected="" disabled="" value="">Choose...</option>
<option>...</option>
</select>
<div class="invalid-feedback">
Please select a valid state.
</div>
</div>
<div class="col-md-3 mb-3">
<label for="validationCustom05">Zip</label>
<input type="text" class="form-control" id="validationCustom05" required="">
<div class="invalid-feedback">
Please provide a valid zip.
</div>
</div>
</div>
<div class="form-group">
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="invalidCheck" required="">
<label class="form-check-label" for="invalidCheck">
Agree to terms and conditions
</label>
<div class="invalid-feedback">
You must agree before submitting.
</div>
</div>
</div>
<button class="btn btn-primary" type="submit">Submit form</button>
</form>
<div class="#">
<a name="t1"><h1 class="t1 text-center container">About Us</h1><hr class="border"></a>
</div>
<!-- <div class="sun">
<div class="row">
<div class="col-md-4"><img src="leaf.jpg" class=" introimg i3" alt="loading"></div>
<div class="col-md-4 ml-auto"><p>.Photography is my passion. I like to do wildlife photography and I am also interested in fashion photography. Because of my interest in photography, I wanted to win this National Award so I applied to this competition. I like to play with the aperture and shutter speed play with the shallow depth of field bokeh effects and make the photograph more interesting and in a dramatic manner. I want to convey my story from that picture. I am going deeper and deeper and want to study more about the photography and lights like Rim light Godfather light(where they are placed) I want to study more about them and I want to become a pro in this field.</p></div>
</div>
</div>
</div>
<div class=" sun">
<div class="row">
<div class="col-lg-6 col-md-12 col-10 offset-1 offset-lg-0">
<div class="names my-3">
<img src="leaf.jpg" class=" introimg i3" alt="loading">
</div>
</div>
<div class="col-lg-6 col-md-4 col-12 ">
<p>.Photography is my passion. I like to do wildlife photography and I am also interested in fashion photography. Because of my interest in photography, I wanted to win this National Award so I applied to this competition. I like to play with the aperture and shutter speed play with the shallow depth of field bokeh effects and make the photograph more interesting and in a dramatic manner. I want to convey my story from that picture. </p>
</div>
</div>
</div> -->
<div class="row mb-5">
<div class="col-lg-6 col-md-6 col-12">
<img src="./space exploration_files/leaf.jpg" class="img-fluid">
</div>
<div class="col-lg-6 col-md-6 col-12">
<h1>how are you</h1>
<p> </p><p>.Photography is my passion. I like to do wildlife photography and I am also interested in fashion photography. Because of my interest in photography, I wanted to win this National Award so I applied to this competition. I like to play with the aperture and shutter speed play with the shallow depth of field bokeh effects and make the photograph more interesting and in a dramatic manner. I want to convey my story from that picture.</p>
</div>
</div>
<div class="container">
<div class="container">
<a name="t1"><h1 class="t1 text-center container">About Us</h1><hr class="border"></a>
</div>
<div class="row no-gutters bg-light position-relative">
<div class="col-md-6 mb-md-0 p-md-4">
<img src="file:///Users/atulkumar/Desktop/space%20iitinerary/arumugam.jpeg" class="w-100 introimg" alt="loading">
</div>
<div class="col-md-6 position-static p-4 pl-md-0">
<h2 class="mt-0">thing to know more about me</h2>
<p class="p1">
Photography is my passion. I like to do wildlife photography and I am also interested in fashion photography. Because of my interest in photography, I wanted to win this National Award so I applied to this competition. I like to play with the aperture and shutter speed play with the shallow depth of field bokeh effects and make the photograph more interesting and in a dramatic manner. I want to convey my story from that picture. I am going deeper and deeper and want to study more about the photography and lights like Rim light Godfather light(where they are placed) I want to study more about them and I want to become a pro in this field.</p>
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg " data-toggle="modal" data-target="#exampleModalCenter">
Know more
</button>
<script>
// Example starter JavaScript for disabling form submissions if there are invalid fields
(function() {
'use strict';
window.addEventListener('load', function() {
// Fetch all the forms we want to apply custom Bootstrap validation styles to
var forms = document.getElementsByClassName('needs-validation');
// Loop over them and prevent submission
var validation = Array.prototype.filter.call(forms, function(form) {
form.addEventListener('submit', function(event) {
if (form.checkValidity() === false) {
event.preventDefault();
event.stopPropagation();
}
form.classList.add('was-validated');
}, false);
});
}, false);
})();
</script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</div></div></div></div></body></html>