dynamitec.github.io/index.html at master · DynamiteC/dynamitec.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
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
<!DOCTYPE HTML>
<!--
	*Dimension by HTML5 UP*
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>

<head>
	<title>Shail Sheth | Developer</title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<link rel="stylesheet" href="assets/css/main.css" />
	<link rel="shortcut icon" href="images/logo-white.png" />
	<noscript>
		<link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>

<body class="is-preload">

	<!-- Wrapper -->
	<div id="wrapper">

		<!-- Header -->
		<header id="header">
			<div class="logo">
				<img class="icon" style="width:100%;height:100%;" src="images/logo-white.png">
			</div>
			<div class="content">
				<div class="inner">
					<h1>SHAIL SHETH</h1>
					<p> &lt;Developer/&gt; </p>
				</div>
			</div>
			<nav>
				<ul>
					<li><a href="#intro">Intro</a></li>
					<li style="border-right:inherit;"><a href="#work">Work</a></li>
					<li><a href="#project">Projects</a></li>
					<li><a href="#contact">Contact</a></li>
				</ul>
			</nav>
		</header>
		<div id="main">
			<article id="intro">
				<h2 class="major">Intro</h2>
				<span class="image main"><img src="images/pic01.jpg" alt="" /></span>
				<p>Hello! 👋, I'm <b><a href="/">Shail Sheth</a></b>.
					I'm a Developer. Living in Gujarat, India.
				</p>

			</article>
			<article id="work">
				<h2 class="major">Work</h2>
				<p>
					<div class="worklist">
						<div class="row">
						</div>
					</div>
				</p>
				<p>Nullam et orci eu lorem consequat tincidunt vivamus et sagittis libero. Mauris aliquet magna magna sed nunc
					rhoncus pharetra. Pellentesque condimentum sem. In efficitur ligula tate urna. Maecenas laoreet massa vel lacinia
					pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat tincidunt. Vivamus et sagittis libero. Mauris
					aliquet magna magna sed nunc rhoncus amet feugiat tempus.</p>
			</article>
			<article id="project">
				<h2 class="major">Projects</h2>
				<p>Lorem ipsum dolor sit amet, consectetur et adipiscing elit. Praesent eleifend dignissim arcu, at eleifend sapien
					imperdiet ac. Aliquam erat volutpat. Praesent urna nisi, fringila lorem et vehicula lacinia quam. Integer
					sollicitudin mauris nec lorem luctus ultrices. Aliquam libero et malesuada fames ac ante ipsum primis in faucibus.
					Cras viverra ligula sit amet ex mollis mattis lorem ipsum dolor sit amet.</p>
			</article>
			<article id="contact">
				<h2 class="major">Contact</h2>
				<iframe id="invisible" name="invisible" style="display:none;"></iframe>
				<form target="invisible" method="post" action="https://script.google.com/macros/s/AKfycbxzJBuVKHSFpU_VJQXfocah_KkAlXu7hqqI8UkJaXuUIXZohCI/exec"
				 enctype="multipart/form-data">
					<div class="fields">
						<div class="field half">
							<label for="name">Name</label>
							<input type="text" name="name" id="name" required autfocus />
						</div>
						<div class="field half">
							<label for="email">Email</label>
							<input type="text" name="email" id="email" required />
						</div>
						<div class="field">
							<label for="message">Message</label>
							<textarea name="message" id="message" rows="4" required></textarea>
						</div>
					</div>
					<ul class="actions">
						<li><input type="submit" value="Send Message" class="primary" /></li>
						<li><input type="reset" value="Reset" /></li>
					</ul>
				</form>
				<ul class="icons">
					<li><a href="https://www.linkedin.com/in/shethshails" class="icon fa-linkedin"><span class="label">Twitter</span></a></li>
					<li><a href="https://www.github.com/dynamitec" class="icon fa-github"><span class="label">GitHub</span></a></li>
					<li><a href="mailto:shethshails@gmail.com" class="icon fa fa-envelope"><span class="label">Mail</span></a></li>
				</ul>
			</article>
		</div>
		<footer id="footer">
			<p class="copyright"></p>
		</footer>
	</div>
	<div id="bg"></div>

	<!-- Scripts -->
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/browser.min.js"></script>
	<script src="assets/js/breakpoints.min.js"></script>
	<script src="assets/js/util.js"></script>
	<script src="assets/js/main.js"></script>
	<script src="assets/js/contact.js"></script>
</body>

</html>