-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
126 lines (107 loc) · 4.99 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
<!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.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav class="navbar">
<div class="logo"><a href="#">Port<span>folio</span></a></div>
<ul class="menu">
<li><a href="#home" class="menu-btn">Home</a></li>
<li><a href="#about" class="menu-btn">About</a></li>
<li><a href="#skills" class="menu-btn">Skills</a></li>
<li><a href="#contact" class="menu-btn">Contact</a></li>
</ul>
</nav>
<section class="home" id="home">
<div class="max-width">
<div class="row">
<div class="home-content">
<div class="text-1">Myself</div>
<div class="text-2">Samriddh Prasad</div>
<div class="text-3">Student of <b>VIT Vellore</b></div>
<a href="#contact">Know more</a>
<img class="photo" src="https://image.shutterstock.com/image-vector/businessman-icon-260nw-564112600.jpg">
</div>
</div>
</div>
</section>
<section class="about" id="about">
<div class="max-width">
<h2 class="title">About me</h2>
<div class="about-content">
<div class="column left">
<img src="https://image.shutterstock.com/image-vector/businessman-icon-260nw-564112600.jpg" alt="">
</div>
<div class="column right">
<div class="text">I'm Samriddh a student</div><br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi ut voluptatum eveniet doloremque
autem excepturi eaque, sit laboriosam voluptatem nisi delectus. Facere explicabo hic minus
accusamus alias fuga nihil dolorum quae. Explicabo illo unde, odio consequatur ipsam possimus
veritatis, placeat, ab molestiae velit inventore exercitationem consequuntur blanditiis omnis
beatae. Dolor iste excepturi ratione soluta quas culpa voluptatum repudiandae harum non.</p>
<a href="#home">My Resume</a>
</div>
</div>
</div>
</section>
<section class="skills" id="skills">
<div class="max-width">
<h2 class="title">My skills</h2>
<div class="skills-content">
<div class="column left">
<div class="text">My creative skills & experiences.</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos, ratione error est
recusandae
consequatur, iusto illum deleniti quidem impedit, quos quaerat quis minima sequi. Cupiditate
recusandae laudantium esse, harum animi aspernatur quisquam et delectus ipsum quam alias
quaerat?
Quasi hic quidem illum. Ad delectus natus aut hic explicabo minus quod.</p>
<a href="#">Read more</a>
<div class="column right">
<ul class="sk">
<li><button>HTML</button></li>
<li><button>CSS</button></li>
<li><button>JAVASCRIPT</button></li>
<li><button>JQUERY</button></li>
<li><button>C/C++</button></li>
<li><button>PYTHON</button></li>
<li><button>UI/UX</button></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="contact" id="contact">
<h2 class="title">Contact me</h2>
<div class="contact-content">
<div class="text">Get in Touch</div>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dignissimos harum corporis fuga
corrupti.
Doloribus quis soluta nesciunt veritatis vitae nobis?</p>
<br> <br>
<div class="head">Name:</div>
<div class="sub-title"><h3>Samriddh Prasad</h3></div>
<br> <br>
<div class="head">College:</div>
<div class="sub-title"><h3>VIT, Vellore</h3></div>
<br> <br>
<div class="head">Email:</div>
<div class="sub-title"><h3>abc@gmail.com</h3></div>
<br>
<br> <br>
<div class="head">Contact No.:</div>
<div class="sub-title"><h3>1234567890</h3></div>
<br>
</div>
</section>
<footer>
<span>Created By <a href="#home">Samriddh</a> (Core Member of <a href="https://www.facebook.com/SSITVIT/">IEEE SSIT</a>)
</footer>
</body>
</html>