-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
164 lines (135 loc) · 7.07 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Start your development with Meyawo landing page.">
<meta name="author" content="Devcrud">
<link rel="shortcut icon" href="/assets/imgs/favicon.jpg" type="image/x-icon">
<title>Harsh Srivastav</title>
<!-- font icons -->
<link rel="stylesheet" href="assets/vendors/themify-icons/css/themify-icons.css">
<!-- Bootstrap + Meyawo main styles -->
<link rel="stylesheet" href="assets/css/meyawo.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="40" id="home">
<!-- Page Navbar -->
<nav class="custom-navbar" data-spy="affix" data-offset-top="20">
<div class="container">
<a class="logo" href="#">HARSHUSTLE</a>
<ul class="nav">
<li class="item">
<a class="link" href="#home">Home</a>
</li>
<li class="item">
<a class="link" href="#about">About</a>
</li>
<li class="item">
<a class="link" href="#portfolio">Portfolio</a>
</li>
<li class="item">
<a class="link" href="#testmonial">Testmonial</a>
</li>
<li class="item">
<a class="link" href="#blog">Blog</a>
</li>
<li class="item">
<a class="link" href="#contact">Contact</a>
</li>
</ul>
<a href="javascript:void(0)" id="nav-toggle" class="hamburger hamburger--elastic">
<div class="hamburger-box">
<div class="hamburger-inner"></div>
</div>
</a>
</div>
</nav><!-- End of Page Navbar -->
<!-- page header -->
<header id="home" class="header">
<div class="overlay"></div>
<div class="header-content container">
<h1 class="header-title">
<span class="up">HI! there</span>
<span class="down">Hello! I am CRAFTERS. </span>
</h1>
<p class="header-subtitle">Software Engineer || Web Developer</p>
<!-- <button class="btn btn-primary btn-light btn-"><a href="#about">Our Team MEMBERS</a></button> -->
</div>
</header><!-- end of page header -->
<!-- Team Members section -->
<section class="section" id="portfolio">
<div class="container text-center">
<p class="section-subtitle">Our Powerfull Dreamer</p>
<h6 class="section-title mb-6">Introduction</h6>
<!-- row -->
<div class="row">
<div class="col-md-12">
<a href="harsh.html" target="_blank" class="portfolio-card">
<img src="assets/imgs/harsh.png" class="portfolio-card-img" alt="img">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Harsh Srivastav</h5>
<p class="font-weight-normal">Software Engineer</p>
</span>
</span>
</a>
</div>
<!-- <div class="col-md-6">
<a href="harsh.html" target="_blank" class="portfolio-card">
<img src="assets/imgs/harsh.png" class="portfolio-card-img" alt="img">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Rishi Singh</h5>
<p class="font-weight-normal">Web Developer</p>
</span>
</span>
</a>
</div> -->
</div><!-- end of row -->
</div><!-- end of container -->
</section> <!-- end of team members section -->
<!--
<div class="center">
<h2 class="text-center bg-white" style="color: black;">Our Team Members</h2>
<button class="btn btn-light btn-block bg-transparent font-monospace"><a href="#about">Harsh Srivastav</a></button>
<button class="btn btn-light btn-block bg-transparent font-monospace"><a href="#about">Bhumika Verma</a></button>
<button class="btn btn-light btn-block bg-transparent font-monospace"><a href="#about">Gaurav Singh</a></button>
</div> -->
<!-- contact section -->
<section class="section" id="contact">
<div class="container text-center">
<p class="section-subtitle">How can you communicate?</p>
<h6 class="section-title mb-5">Contact Me</h6>
<!-- contact form -->
<form method="post" id="contactForm"
action="https://script.google.com/macros/s/AKfycbx8aMwcFr4fPX1xbvUe6xwV90AjV90erXpcaiGCUobgQ9SSWX7bY9x55fJ__UoGm4dz/exec"
class="contact-form col-md-10 col-lg-8 m-auto">
<div class="form-row">
<div class="form-group col-sm-6">
<input type="text" size="50" name="name" class="form-control" placeholder="Your Name" required>
</div>
<div class="form-group col-sm-6">
<input type="email" class="form-control" name="email" placeholder="Enter Email" requried>
</div>
<div class="form-group col-sm-12">
<textarea name="message" id="comment" rows="6" class="form-control"
placeholder="Write Something"></textarea>
</div>
<div class="form-group col-sm-12 mt-3">
<input type="submit" value="Send Message"
class="btn btn-outline-primary rounded">
</div>
</div>
</form><!-- end of contact form -->
</div><!-- end of container -->
</section><!-- end of contact section -->
<!-- core -->
<script src="assets/vendors/jquery/jquery-3.4.1.js"></script>
<script src="assets/vendors/bootstrap/bootstrap.bundle.js"></script>
<!-- bootstrap 3 affix -->
<script src="assets/vendors/bootstrap/bootstrap.affix.js"></script>
<!-- Meyawo js -->
<script src="assets/js/meyawo.js"></script>
</body>
</html>