-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
136 lines (128 loc) · 5.89 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charzset="utf-8">
<title> Personal Portfolio</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Template Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,600i,700" rel="stylesheet">
<!-- Template CSS Files -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/preloader.min.css" rel="stylesheet">
<link href="css/circle.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/fm.revealator.jquery.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- CSS Skin File -->
<link href="css/skins/yellow.css" rel="stylesheet">
<!-- Modernizr JS File -->
<script src="js/modernizr.custom.js"></script>
</head>
<body class="home">
<!-- Live Style Switcher Starts - demo only -->
<!-- Live Style Switcher Ends - demo only -->
<!-- Header Starts -->
<header class="header" id="navbar-collapse-toggle">
<!-- Fixed Navigation Starts -->
<ul class="icon-menu d-none d-lg-block revealator-slideup revealator-once revealator-delay1">
<li class="icon-box active">
<i class="fa fa-home"></i>
<a href="index.html">
<h2>Home</h2>
</a>
</li>
<li class="icon-box">
<i class="fa fa-user"></i>
<a href="about.html">
<h2>About</h2>
</a>
</li>
<li class="icon-box">
<i class="fa fa-briefcase"></i>
<a href="portfolio.html">
<h2>Portfolio</h2>
</a>
</li>
<li class="icon-box">
<i class="fa fa-globe"></i>
<a target="_blank" href="https://unknowndada.blogspot.com/">
<h2>Blog</h2>
</a>
</li>
<li class="icon-box">
<i class="fa fa-github"></i>
<a target="_blank" href="https://github.com/soubhikmandal2000">
<h2>GitHub</h2>
</a>
</li>
<li class="icon-box">
<i class="fa fa-linkedin"></i>
<a target="_blank" href="https://www.linkedin.com/in/soubhik-mandal-29a59a1bb/">
<h2>Linkedin</h2>
</a>
</li>
<li class="icon-box">
<i class="fa fa-envelope-open"></i>
<a href="contact.html">
<h2>Contact</h2>
</a>
</li>
</ul>
<!-- Fixed Navigation Ends -->
<!-- Mobile Menu Starts -->
<nav role="navigation" class="d-block d-lg-none">
<div id="menuToggle">
<input type="checkbox" />
<span></span>
<span></span>
<span></span>
<ul class="list-unstyled" id="menu">
<li class="active"><a href="index.html"><i class="fa fa-home"></i><span>Home</span></a></li>
<li><a href="about.html"><i class="fa fa-user"></i><span>About</span></a></li>
<li><a href="portfolio.html"><i class="fa fa-folder-open"></i><span>Portfolio</span></a></li>
<li><a target="_blank" href="https://unknowndada.blogspot.com/"><i class="fa fa-globe"></i><span>Blog</span></a></li>
<li><a target="_blank" href="https://github.com/soubhikmandal2000"><i class="fa fa-github"></i><span>GitHub</span></a></li>
<li><a target="_blank" href="https://www.linkedin.com/in/soubhik-mandal-29a59a1bb/"><i class="fa fa-linkedin"></i><span>Linkedin</span></a></li>
<li><a href="contact.html"><i class="fa fa-envelope-open"></i><span>Contact</span></a></li>
</ul>
</div>
</nav>
<!-- Mobile Menu Ends -->
</header>
<!-- Header Ends -->
<!-- Main Content Starts -->
<section class="container-fluid main-container container-home p-0 revealator-slideup revealator-once revealator-delay1">
<div class="color-block d-none d-lg-block"></div>
<div class="row home-details-container align-items-center">
<div class="col-lg-4 bg position-fixed d-none d-lg-block"></div>
<div class="col-12 col-lg-8 offset-lg-4 home-details text-left text-sm-center text-lg-left">
<div>
<img src="img/profile.png" class="img-fluid main-img-mobile d-none d-sm-block d-lg-none" alt="my picture" />
<h6 class="text-uppercase open-sans-font mb-0 d-block d-sm-none d-lg-block">hi there !</h6>
<h1 class="text-uppercase poppins-font"><span>I'm</span> Soubhik Mandal</h1>
<p class="open-sans-font">
I am an Indian-based Electronics and Communications Engineer by Education & Newbie Python Coder and Website Developer by Passion focusing on creating new clean designs with building user-friendly projects which might improve the lives of people living around me.
</p>
<p> I’m Currently learning and undergoing Professional Certification in Google Data Analytics and Applied Data Science with Python (University of Michigan) from Coursera. </p>
<a href="about.html" class="btn btn-about">more about me</a>
</div>
</div>
</div>
</section>
<!-- Main Content Ends -->
<!-- Template JS Files -->
<script src="js/jquery-3.5.0.min.js"></script>
<script src="js/styleswitcher.js"></script>
<script src="js/preloader.min.js"></script>
<script src="js/fm.revealator.jquery.min.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/masonry.pkgd.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/cbpGridGallery.js"></script>
<script src="js/jquery.hoverdir.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/custom.js"></script>
</body>
</html>