-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
99 lines (82 loc) · 8.31 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
<!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>Vijay's website</title>
<link rel="stylesheet" href="css/styles.css" />
<link rel="icon" href="images/favicon.png" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="topnav">
<div id="myLinks">
<a href="#about">About Me</a>
<a href="#projects">Projects</a>
<a href="#contact">Contact Me</a>
<a href="#resume">Resume</a>
</div>
<a href="javascript:void(0);" class="icon" onclick="navMenu()">
<i class="fa fa-bars"></i>
</a>
</div>
<h1 class="title">
Welcome to Vijay's Website
</h1>
<div id="about">
<h5>
About Me
</h5>
<pre>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam egestas est a lorem imperdiet congue. Sed et tristique dui. Nam accumsan quis sapien eget feugiat. Duis ipsum urna, iaculis a ultrices eget, condimentum at mauris. Mauris pulvinar mattis viverra. Interdum et malesuada fames ac ante ipsum primis in faucibus. In pretium diam sed elit vehicula semper. Etiam pellentesque nisl purus, nec sollicitudin lorem congue quis. Donec vehicula eros et semper cursus. Sed lacinia vehicula metus sit amet accumsan. In sodales turpis eu massa maximus fermentum.
Vestibulum at rutrum libero, vel mattis odio. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas commodo metus in metus tincidunt, rutrum pharetra ligula hendrerit. Aenean tincidunt nulla et nisi imperdiet, a viverra lacus dignissim. Nullam varius mattis massa vitae semper. Vivamus id rhoncus felis. Donec aliquet tellus ligula, ut ultricies ligula lacinia sit amet. Nunc at diam malesuada, posuere libero rhoncus, dictum odio. Fusce ac nibh ligula. In mattis, libero at efficitur ultrices, lectus purus lacinia risus, in vestibulum justo magna eu ex.
Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam suscipit lectus at turpis viverra, nec sagittis massa vulputate. Maecenas posuere, velit id elementum consequat, orci eros ultricies enim, sit amet mollis lacus enim eget lectus. Curabitur tristique mollis dui in aliquet. Ut non pellentesque eros. Morbi turpis ligula, aliquam feugiat lorem nec, mattis ultricies risus. Aliquam sit amet ex vel urna convallis fermentum. Integer nec finibus dolor. Morbi pretium sollicitudin dui, ac sodales tortor bibendum porttitor. Donec sodales venenatis ligula, ut egestas nisl. Suspendisse volutpat dolor risus, sollicitudin vestibulum tortor mattis id. Etiam fringilla aliquet sem vel dapibus. Nulla facilisi. Duis iaculis euismod lobortis.
Vestibulum elit arcu, feugiat a tortor vel, aliquam aliquet libero. Vivamus nulla metus, posuere ac cursus ultricies, molestie sit amet orci. Mauris a justo eu sapien gravida ornare sit amet nec nisl. Nulla facilisi. Pellentesque condimentum eu velit vitae mattis. Fusce elementum at ex rutrum bibendum. Integer mauris dui, bibendum in eros in, interdum rutrum ligula. Nullam ullamcorper, velit ac cursus sagittis, est leo mollis lacus, vel vulputate turpis lacus at odio.
Ut dapibus ut velit ullamcorper convallis. Pellentesque eu tellus sapien. Vestibulum ligula diam, egestas eu vehicula et, egestas quis tortor. Nunc sed nunc urna. Nulla dapibus tristique sapien at pulvinar. Suspendisse cursus blandit diam eget auctor. Maecenas varius velit ut leo dictum vehicula. Duis eu nunc eget metus dictum fringilla.
Quisque mauris ex, aliquam sed ligula quis, vulputate tristique turpis. Sed feugiat lectus tempus turpis venenatis, at egestas urna laoreet. Quisque non aliquet nisl. Aliquam scelerisque velit ut massa varius, id mollis lorem cursus. Quisque euismod egestas ligula nec rutrum. Vivamus et elementum odio, quis rutrum sem. In quis vehicula arcu, quis mattis eros. Pellentesque neque tortor, tempus vitae velit eget, scelerisque porttitor velit. Duis ligula nunc, lobortis quis urna et, efficitur iaculis ligula. Donec erat dolor, luctus vel aliquet et, sagittis non metus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</pre>
</div>
<div id="projects">
<h5>
Projects
</h5>
<div id="projects-list">
</div>
</div>
<div id="contact">
<h5>
Contact Me
</h5>
<form
action="https://formspree.io/xbjlywqo"
method="POST"
>
<label>
Your email:
<input type="text" name="_replyto">
</label>
<label>
Your message:
<textarea name="message"></textarea>
</label>
<!-- your other form fields go here -->
<button type="submit">Send</button>
</form>
</div>
<div id="resume">
<h5>
Resume
</h5>
<pre>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam egestas est a lorem imperdiet congue. Sed et tristique dui. Nam accumsan quis sapien eget feugiat. Duis ipsum urna, iaculis a ultrices eget, condimentum at mauris. Mauris pulvinar mattis viverra. Interdum et malesuada fames ac ante ipsum primis in faucibus. In pretium diam sed elit vehicula semper. Etiam pellentesque nisl purus, nec sollicitudin lorem congue quis. Donec vehicula eros et semper cursus. Sed lacinia vehicula metus sit amet accumsan. In sodales turpis eu massa maximus fermentum.
Vestibulum at rutrum libero, vel mattis odio. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas commodo metus in metus tincidunt, rutrum pharetra ligula hendrerit. Aenean tincidunt nulla et nisi imperdiet, a viverra lacus dignissim. Nullam varius mattis massa vitae semper. Vivamus id rhoncus felis. Donec aliquet tellus ligula, ut ultricies ligula lacinia sit amet. Nunc at diam malesuada, posuere libero rhoncus, dictum odio. Fusce ac nibh ligula. In mattis, libero at efficitur ultrices, lectus purus lacinia risus, in vestibulum justo magna eu ex.
Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam suscipit lectus at turpis viverra, nec sagittis massa vulputate. Maecenas posuere, velit id elementum consequat, orci eros ultricies enim, sit amet mollis lacus enim eget lectus. Curabitur tristique mollis dui in aliquet. Ut non pellentesque eros. Morbi turpis ligula, aliquam feugiat lorem nec, mattis ultricies risus. Aliquam sit amet ex vel urna convallis fermentum. Integer nec finibus dolor. Morbi pretium sollicitudin dui, ac sodales tortor bibendum porttitor. Donec sodales venenatis ligula, ut egestas nisl. Suspendisse volutpat dolor risus, sollicitudin vestibulum tortor mattis id. Etiam fringilla aliquet sem vel dapibus. Nulla facilisi. Duis iaculis euismod lobortis.
Vestibulum elit arcu, feugiat a tortor vel, aliquam aliquet libero. Vivamus nulla metus, posuere ac cursus ultricies, molestie sit amet orci. Mauris a justo eu sapien gravida ornare sit amet nec nisl. Nulla facilisi. Pellentesque condimentum eu velit vitae mattis. Fusce elementum at ex rutrum bibendum. Integer mauris dui, bibendum in eros in, interdum rutrum ligula. Nullam ullamcorper, velit ac cursus sagittis, est leo mollis lacus, vel vulputate turpis lacus at odio.
Ut dapibus ut velit ullamcorper convallis. Pellentesque eu tellus sapien. Vestibulum ligula diam, egestas eu vehicula et, egestas quis tortor. Nunc sed nunc urna. Nulla dapibus tristique sapien at pulvinar. Suspendisse cursus blandit diam eget auctor. Maecenas varius velit ut leo dictum vehicula. Duis eu nunc eget metus dictum fringilla.
Quisque mauris ex, aliquam sed ligula quis, vulputate tristique turpis. Sed feugiat lectus tempus turpis venenatis, at egestas urna laoreet. Quisque non aliquet nisl. Aliquam scelerisque velit ut massa varius, id mollis lorem cursus. Quisque euismod egestas ligula nec rutrum. Vivamus et elementum odio, quis rutrum sem. In quis vehicula arcu, quis mattis eros. Pellentesque neque tortor, tempus vitae velit eget, scelerisque porttitor velit. Duis ligula nunc, lobortis quis urna et, efficitur iaculis ligula. Donec erat dolor, luctus vel aliquet et, sagittis non metus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</pre>
</div>
<script src="js/scripts.js"></script>
</body>
</html>