-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
149 lines (130 loc) · 8.15 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>@saggu10417</title>
<link rel="icon" type="image/icon" href="assets/images/tabicon.ico">
<link rel="stylesheet" type="text/css" href="">
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/bootstrap-theme.min.css" rel="stylesheet">
<link href="assets/css/font-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,700i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Crimson+Text:400,700,700i|Josefin+Sans:700" rel="stylesheet">
<link href="assets/css/main.css" rel="stylesheet">
<link rel="icon" href="assets/images/logo.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
</head>
<body>
<div id="index"> <!-- Index starts here -->
<div class="container main">
<div class="row home">
<div class ="head">
<div id="blog" class="btn btn-blog">
<a href = "https://github.com/saggu10417"> Blog </a>
<a href= "/assets/raw/Res.pdf" download="Resume" class="button" id="buttonblog" alt="Visit My Blog"><font color="black">Download My Resume</font></a>
</div>
</div>
<div id = "index_left" class="col-md-4 left">
<img class="img-responsive img-front" src="assets/images/home.jpg">
</div>
<div id = "index_right" class="col-md-6 text-center right">
<div class="logo">
<img src="assets/images/logo.png">
<h4>01001001 00100000 01000001 01001101 00100000 01010010 01000001 01000010 01000010 01001001 01010100 0001010</h4>
</div>
<p class="home-description">
Hi, I am Sagar, Web developer. I am passionate about design, development and interaction. I really love what I do.
</p>
<div class="lol">
<div id="about" class=".button">About</div>
<div id="work" class=".button">Work</div>
<div id="contact" class=".button">Contact</div>
</div>
<div class="social">
<a href="https://github.com/saggu10417"><i class="fa fa-github" aria-hidden="true"></i></a>
<a href="https://twitter.com/saggu10417"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="https://linkedin.com/in/sagar-kansal-284a9515a/"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
<a href="https://instagram.com/saggu_sk"><i class="fa fa-instagram" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div> <!-- index ends here -->
<div id="about_scroll" class="pages "> <!-- about strats here -->
<div class="container main">
<div class="row">
<div class="col-md-6 left" id="about_left">
<img class="img-responsive img-rabbit" src="assets/images/about.jpg">
</div>
<div class="col-md-6 right" id="about_right">
<a href="#index" class="btn btn-rabbit back"> <i class="fa fa-angle-left" aria-hidden="true"></i> Back to home </a>
<div id="watermark">
<h2 class="page-title" text-center>About</h2>
<div class="marker">a</div>
</div>
<p class='subtitle'>Hi, I am Sagar Kansal. A freelance web designer, front-end developer and digital planner based in Noida.
</p>
<p class="info">"lol."</p>
</div>
</div>
</div>
</div> <!-- About ends here -->
<div id="work_scroll" class="pages"> <!-- Work starts here -->
<div class="container main">
<div class="row">
<div class="col-md-6" id="work_left">
<div id="owl-demo" class="owl-carousel owl-theme">
<div class="item"><img class="img-responsive img-rabbit" src="assets/images/work.jpg"></div>
<div class="item"><img class="img-responsive img-rabbit" src="assets/images/home.jpg"></div>
<div class="item"><img class="img-responsive img-rabbit" src="assets/images/contact.jpg"></div>
</div>
</div>
<div class="col-md-6" id="work_right">
<a href="#index" class="btn btn-rabbit back"> <i class="fa fa-angle-left" aria-hidden="true"></i> Back to Home </a>
<div id="watermark">
<h2 class="page-title" text-center>Work</h2>
<div class="marker">w</div>
</div>
<p class='subtitle'>This is a selection of my web design and development work. I've been involve in many different types of project.
</p>
<p class="info">etc.</p>
</div>
</div>
</div>
</div> <!-- Work ends here -->
<div id="contact_scroll" class="pages"> <!-- Contact starts here -->
<div class="container main">
<div class="row">
<div class="col-md-6 left" id="contact_left">
<img class="img-responsive img-rabbit" src="assets/images/contact.jpg">
</div>
<div class="col-md-6 right" id="contact_right">
<a href="#index" class="btn btn-rabbit back"> <i class="fa fa-angle-left" aria-hidden="true"></i> Back to Home </a>
<div id="watermark">
<h2 class="page-title" text-center>Contact</h2>
<div class="marker">c</div>
</div>
<!-- form -->
<form class="form_edit">
<div class="form-group">
<input type="name" class="form-control" id="exampleInputName" placeholder="Name">
</div>
<div class="form-group">
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
</div>
<div class="form-group">
<textarea class="form-control" rows="5" placeholder="Message"></textarea>
</div>
<button type="submit" a href="https://www.instagram.com/saggu10417" class="btn btn-rabbit submit">Send Message</button>
</form>
</div>
</div>
</div>
</div> <!-- Contact ends here -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/script.js"></script>
</body>
</html>