-
Notifications
You must be signed in to change notification settings - Fork 0
/
meandus.html
127 lines (121 loc) · 7.88 KB
/
meandus.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Put the unique description of the page here">
<meta name="author" content="Dipan Ghosh">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="Dipan Ghosh, Dipan, Ghosh">
<link rel="icon" type="image/png" href="./images/favicon.ico">
<!-- Be sure to change this up! -->
<title>Dipan's Web: Me and Us</title>
<!-- Bootstrap -->
<link href="./css/bootstrap.css" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="./css/custom.css" type="text/css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-default " role = "navigation">
<div class="container-fluid container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#defaultNavbar1"><span id="mobileMenu" class="white"> Menu </span> <span class="glyphicon glyphicon-chevron-down white"></span> </button>
<a class="navbar-brand" href="http://thedesignerd.in"><img src="./images/brand.svg" alt="" id="navbrand"></a></div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="defaultNavbar1">
<ul class="nav navbar-nav">
<li><a href="index.html"><img src="./images/home-icon.svg" alt="">Home</a></li>
<li><a href="work.html"><img src="./images/work-icon.svg" alt="">Work</a></li>
<li><a href="photos.html"><img src="./images/photos-icon.svg" alt="">Photos</a></li>
<li><a href="designs.html"><img src="./images/designs-icon.svg" alt="">Designs</a></li>
<li class="active"><a><img src="./images/meandus-icon.svg" alt="">Me and Us<span class="sr-only">(current)</span></a></li>
<li><a href="blog.html"><img src="./images/blog-icon.svg" alt="">Blog</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<div class="container">
<section>
<h2>Personal Details</h2>
<p>I was born on the 1st of Sept, 1993. That puts me to an age of 23 years of age. My birthplace is very near to Bangladesh border, in a small town called Taki. About 2 KM is a river, and the other side is Bangladesh. I had a very good childhood, and at an age of 10, I went to Narendrapur for studying. My intellectual maturity as it were, was to be had there.</p>
</section>
<section>
<h2>My Family</h2>
<p>Family is the first mode of interaction for anyone, and family also acts as the structural and functional unit of a society. About my family, there are not enough words I can say. They have always been the best I have known.</p>
<p>To know a virtuous principle is one thing, to carry it out is completely another. I have seen my mum be a living image of tolerance, and my father be a man of principle. It is their intial image, that went on to manifest into myself, nurtured by the environment of the Ramakrishna Mission. My father had very little income in the early days of my life, just enough to support the family. But my father had a big heart, we used to go to tours all over the India, and he always gave me what I needed at the time, just in time, piece by piece. Although staying in hostel matures you anyway, my father had a big role to play, which in turn manifested in the parent child relationship being very frank beautiful.</p>
<p>I could go on and on but I think I will just share some photos from our family trips...</p>
<div class="imagegrid">
<figure class="photothumbnail"><img src="images/family_photos/DSC05637.JPG" alt="Family Photo"></figure>
<figure class="photothumbnail"><img src="images/family_photos/DSCN0196.JPG" alt="Family Photo"></figure>
<figure class="photothumbnail"><img src="images/family_photos/DSCN0395.JPG" alt="Family Photo"></figure>
<figure class="photothumbnail"><img src="images/family_photos/DSCN0500.JPG" alt="Family Photo"></figure>
<figure class="photothumbnail"><img src="images/family_photos/DSCN0602.JPG" alt="Family Photo"></figure>
<figure class="photothumbnail"><img src="images/family_photos/DSCN0626.JPG" alt="Family Photo"></figure>
<figure class="photothumbnail"><img src="images/family_photos/DSCN0630.JPG" alt="Family Photo"></figure>
<figure class="photothumbnail"><img src="images/family_photos/DSCN4012.JPG" alt="Family Photo"></figure>
</div>
</section>
<section>
<h2>The "Us"</h2>
<p> Family, especially in India is an extended one. Apart from the immediate family ther are also "Kaka" and "Mama", not to mention the "Jyatha"! I cannot really write about everyone here, but the best option is to write a hierarchical tree, which I will write in sometime! </p>
<table>
</table>
</section>
</div>
<footer class="row container-fluid">
<div class="container">
<figure class="text-center col-md-offset-0 col-md-3"> <img src="./images/brand-footer.svg" alt="" id="footerbrand"> </figure>
<div class="text-center col-md-offset-0 col-md-3 footercontact col-lg-5">
<div class="text-center row"> <a href="https://www.facebook.com/dipan.ghosh.10" class="sb facebook">Facebook</a> <a href="https://twitter.com/ThisisDipan" class="sb twitter">Twitter</a> <a href="https://plus.google.com/+DipanGhosh" class="sb google">Linkedin</a> <a href="https://www.youtube.com/channel/UCuVznyH32OZUQZnJrYxAwFw" class="sb youtube">Youtube</a> <a href="https://www.linkedin.com/in/dipan-ghosh-17842257/https://www.linkedin.com/in/dipan-ghosh-17842257/" class="sb linkedin">LinkedIn</a> </div>
<a href="contact.php" class="white">
<button class="btn btn-info text-center" id = "contactbtn">
Contact me
</button></a>
</div>
<div class="text-center col-md-offset-0 col-md-3 col-lg-1">
<a href="sitemap.html" ><button class="btn btn-default" id="sitemapbtn">
Sitemap
</button></a>
</div>
<nav class="text-center col-md-offset-0 col-md-3">
<ul class="row" id="footermenulist">
<li class="col-md-3 white footermenu"><a href="index.html">Home</a></li>
<li class="col-md-3 white footermenu"><a href="work.html">Work</a></li>
<li class="col-md-3 white footermenu"><a href="photos.html">Photos</a></li>
<li class="col-md-3 white footermenu"><a href="designs.html">Designs</a></li>
<li class="col-md-3 white footermenu">Me and Us</li>
<li class="col-md-3 white footermenu"><a href="blog.html">Blog</a></li>
</ul>
</nav>
</div>
<div class="text-center col-md-offset-0 col-md-12 black">
<p class="small grey">© 2017 Dipan Ghosh ALL RIGHTS RESERVED </p>
</div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="./js/jquery-1.11.3.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="./js/bootstrap.js"></script>
<!-- SVGeezy fallback for SVGs being used-->
<script src="./js/svgeezy.min.js"></script>
<script>svgeezy.init('nocheck', 'png');</script>
<!-- Google Analyics Tracking code-->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-91898116-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>