-
Notifications
You must be signed in to change notification settings - Fork 0
/
tripnote.html
executable file
·140 lines (120 loc) · 6.26 KB
/
tripnote.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Nitesh Kumar's Portfolio</title>
<!-- Bootstrap -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="fancybox/source/jquery.fancybox.css" type="text/css" media="screen" />
<link href="css/base.css" rel="stylesheet">
<link href="css/fonts.css" rel="stylesheet">
<link href="css/font-awesome.css" rel="stylesheet">
</head>
<body>
<div class="header">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="name"><a href="index.html">Nitesh Kumar</a></div>
<ul class="nav">
<a href="mailto:[email protected]"><li>Email</li></a>
<a href="https://medium.com/@thatnitesh" target="blank"><li>Blog</li></a>
<a href="about"><li>About</li></a>
<a href="index"><li>Work</li></a>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="project-name">TripNote</div>
<div class="project-desc">
TripNote is a handy trip planner that makes use of Google maps to help you plan your next trip. Most of it was built in a duration of one night at a promotional hackathon by Google and Github at IIT Roorkee. Tripnote was awarded the first prize.
</div>
</div>
</div>
</div>
<div class="ff-tn">
<div class="container">
<div class="row">
<div class="col-md-12">
<a class="fancybox-button" rel="fancybox-button" href="images/tripnote/tn1.png"><img class="first-screen" src="images/tripnote/tn1.png"></a>
</div>
</div>
</div>
</div>
<div class="story">
<div class="container">
<div class="row">
<div class="heading col-md-8 col-md-offset-2">My Work</div>
<p class="text col-md-8 col-md-offset-2">
My role was to conceptualize the idea, design UX flows and the user interface, keeping it simple enough so that it could be implemented in a short duration of time.
</p>
<div class="col-md-6 story-small-box">
<a class="fancybox-button" rel="fancybox-button" href="images/tripnote/tnw1.png"><img class="story-img" src="images/tripnote/tnw1.png"></a>
</div>
<div class="col-md-6 story-small-box">
<a class="fancybox-button" rel="fancybox-button" href="images/tripnote/tnw2.png"><img class="story-img" src="images/tripnote/tnw2.png"></a>
</div>
<div class="col-md-12">
<a class="fancybox-button" rel="fancybox-button" href="images/tripnote/tn1.png"><img class="story-img" src="images/tripnote/tn1.png"></a>
</div>
<div class="heading col-md-8 col-md-offset-2">All The Information You Need</div>
<p class="text col-md-8 col-md-offset-2">
With just one click, find addresses and websites related to tourist destinations, hotels or restraunts. Tripnote also provides ratings and reviews by people to let you decide whether or not add a place to your itinerary.
</p>
<div class="col-md-10 col-md-offset-1">
<a class="fancybox-button" rel="fancybox-button" href="images/tripnote/tn2 copy.png"><img class="story-img" src="images/tripnote/tn2 copy.png"></a>
</div>
<div class="heading col-md-8 col-md-offset-2">Plan Your Trip</div>
<p class="text col-md-8 col-md-offset-2">
To plan a trip, just add places to your itinerary and start adding activities you wish to do there. TripNote lets you export your itinerary in PDF format and also share it with your friends, family or your fellow trip-mates.
</p>
<div class="col-md-10 col-md-offset-1">
<a class="fancybox-button" rel="fancybox-button" href="images/tripnote/tn3 copy.png"><img class="story-img" src="images/tripnote/tn3 copy.png"></a>
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="project-nav">
<a href="index" class="home-link">HOME</a>
<a href="framer" class="proj-nav-btn next"><span class="next-text">NEXT</span><i class="fa fa-long-arrow-right"></i></a>
<a href="framer" class="proj-nav-btn prev"><i class="fa fa-long-arrow-left"></i><span class="prev-text">PREVIOUS</span></a>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12 footer">
<div class = "social">
<a href="https://twitter.com/thatnitesh" target="blank">Twitter</a>
<span class="social-sep">-</span>
<a href="https://medium.com/@thatnitesh" target="blank">Medium</a>
<span class="social-sep">-</span>
<a href="https://www.instagram.com/thatnitesh/" target="blank">Instagram</a>
<span class="social-sep">-</span>
<a href="https://in.linkedin.com/in/nitesh-kumar-86631925" target="blank">LinkedIn</a>
<span class="social-sep">-</span>
<a href="mailto:[email protected]" target="blank">Email</a>
<br><br>
© 2017
</div>
</div>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="bottstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="fancybox/lib/jquery-1.10.1.min.js "></script>
<script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="fancybox/lib/fancybox-load.js"></script>
</body>
</html>