-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
136 lines (122 loc) · 5.6 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 charset="utf-8">
<title>Harikrishnan U A (Home)</title>
<link rel="icon" href="img/IMG20201211121731]fsf.jpg" class="img-fluid">
<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">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
<!-- CSS Skin File -->
<link href="css/skins/green.css" rel="stylesheet">
<!-- Live Style Switcher - demo only -->
<link rel="alternate stylesheet" type="text/css" title="green" href="css/skins/green.css" />
<link rel="stylesheet" type="text/css" href="css/styleswitcher.css" />
<!-- Modernizr JS File -->
<script src="js/modernizr.custom.js"></script>
</head>
<body class="home light">
<!-- Live Style Switcher Starts - 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 p-3">
<i class="fas fa-atom"></i>
<a href="skill.html">
<h2>Skills</h2>
</a>
</li>
<li class="icon-box p-3">
<i class="fas fa-handshake"></i>
<a href="service.html">
<h2>Service</h2>
</a>
</li>
<li class="icon-box">
<i class="fa fa-briefcase"></i>
<a href="portfolio.html">
<h2>Works</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="skill.html"><i class="fas fa-atom"></i><span>Skill</span></a></li>
<li><a href="service.html"><i class="fas fa-handshake"></i><span>Service</span></a></li>
<li><a href="portfolio.html"><i class="fa fa-folder-open"></i><span>Work</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/IMG20201211121731]fsf.jpg" class="img-fluid main-img-mobile d-none d-sm-block d-lg-none" alt="my picture" />
<h6 class=" open-sans-font mb-0 d-block d-sm-none d-lg-block">Hi There !</h6>
<h1 class=" poppins-font"><span >I'm </span> HARIKRISHNAN.U.A</h1>
<p class="open-sans-font text-justify">I'm a Graphic Designer & Front‑end Developer who is currently working as a Junior Developer in Kerala. I have an extreme Interest in web development and hence I chose this profession. Now Iam trying to become a full stack developer.</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>