-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
101 lines (82 loc) · 2.96 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> Portfolio Website</title>
<!---custom css link---->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet"href="https://unpkg.com/boxicons@latest/css/boxicons.min.css">
</head>
<body>
<!------Header Section------>
<header>
<a href="#" class="logo">Devlo<span>pe</span>r..</a>
<ul class="navlist">
<li><a href="#home" class="active">Home</a></li>
<li><a href="#about">About Me</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<div class="bx bx-menu" id="menu-icon"></div>
</header>
<!---------Home Section--------------->
<section class="home" id="home">
<div class="home-text">
<div class="slide">
<span class="one">Hello</span>
<span class="two">I'm</span>
</div>
<h1>Rishabh</h1>
<h3>computer science <span>enthusiast.</span></h3>
<p>Learning and playing with <br>web and android since class 8</p>
<div class="button">
<a href="#" class="btn">About Me</a>
</div>
</div>
</section>
<section class="about" id="about">
<div class="about-text">
<h1>About <span>Me</span></h1>
<h2>Web and native app developer.</h2>
<p>Hello i am a first year undergrad student at IIT BHU, natively from
Kanpur.I am thankful to my friends who got me interested in developement
I remember that we all would bunk classes and sit in computer lab for
hours.Then JEE came and we had to study pausing our hobbies but here we are
building and breaking things.
</p>
</div>
<!------------------Contact section------------>
<section class="contact" id="contact">
<div class="contact-text">
<h2>Contact <span>Me!</span></h2>
<h4>If you have any project in your mind.</h4>
<p>And looking to collabarte contact me.</p>
<div class="list">
<li><a href="#">9838810227</a></li>
<li><a href="#">[email protected]</a></li>
</div>
<a href="https://twitter.com/_rishabh__r4">
<img src="images/twitter-logo-twitter-icon-transparent-free-free-png.webp" style="width:42px;height:42px;">
</a>
<a href="https://www.linkedin.com/in/rishabh-patel-b6ba19185/">
<img src="images/images.png" style="width:42px;height:42px;">
</a>
</div>
<div class="contact-form">
<form action="">
<input type="name" placeholder="Your Name " required>
<input type="email" placeholder="Your Email " required>
<input type="number" placeholder="your Mobile Number" required>
<textarea name="" id="" cols="35" rows="10" placeholder="How Can I Help You " required></textarea>
<input type="submit" value="Send Message" class="submit" required>
</form>
</div>
</section>
<!---------End Section---------->
<section class="end">
<div class="top">
<a href="#home"><i class='bx bx-up-arrow-alt' ></i></a>
</div>
</section>
</body>
</html>