itsmohitkr.github.io/index.html at master · itsmohitkr/itsmohitkr.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Mohit's blog | things on the surface.</title>
		<link rel="stylesheet" href="style.css">
		<link href="https://fonts.googleapis.com/css2?family=Alata&display=swap" rel="stylesheet">
		<!-- Hotjar Tracking Code for https://itsmohitkr.github.io/ -->
		<script>
			(function (h, o, t, j, a, r) {
				h.hj = h.hj || function () {
					(h.hj.q = h.hj.q || []).push(arguments)
				};
				h._hjSettings = {
					hjid: 2851322,
					hjsv: 6
				};
				a = o.getElementsByTagName('head')[0];
				r = o.createElement('script');
				r.async = 1;
				r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
				a.appendChild(r);
			})(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
		</script>
		</head>
		<body style="background:radial-gradient(#fff,#ffad99);">
			<div class="header">
				<div class="container">
					<div class="navbar">
						<div class="name">
							<p><a href="index.html"><span style="color: #e60000;">T</span>hings <span style="color: #e60000;">o</span>n <span style="color: #e60000;">t</span>he <span style="color: #e60000;">s</span>urface.</p></a>
						</div>
						<nav>
							<ul>
								<li><a href="index.html">Home</a></li>
								<li><a href="photography.html">Photography</a></li>
								<li><a href="#">Videos</a></li>
								<li><a href="about.html">About</a></li>
							</ul>
						</nav>
					</div>
				</div>
			</div>
			<div class="mainbody" style="margin-top: 6rem;">


				<!-----******************row 1************************************-------->
				<div class="headrow-1">
					<div class="headcol-2" style="text-align: left;">
						<h2 style="font-size: 40px;cursor: pointer;    font-family: 'Alata', sans-serif;
						"><span style="color: red;">T</span>hings <span style="color: red;">o</span>n <span style="color: red;">t</span>he <span style="color: red;">s</span>urface.</h2>
						<p style="font-size: 20px;opacity: 0.8;
							font-style: italic">“Taking pictures is like tiptoeing into the kitchen late at night and stealing Oreo cookies.”<span style="font-weight: bold;"> – Diane Arbus</span></p>
							<a href="explore.html" class="btn">Explore now &#8594;</a>
						</div>
						<div class="headcol-2">
							<img src="images/h1.jpg">
							<img src="images/h2.jpg">

						</div>

					</div>
				</div>

			</body>
	</html>