-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (118 loc) · 4.93 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
<!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> RUPESH BHURE PORTFOLIO WEBSITE </title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css"
integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- <link rel="stylesheet" href="https://unpkg.com/boxicons@latest/css/boxicons.min.css"> -->
</head>
<body>
<header>
<nav>
<h2 class="logo"><span>Port</span>folio</h2>
<ul>
<li><a href="http://127.0.0.1:5500/TXON_04-main/index.html">Home</a></li>
<li><a href="#About">About Me</a></li>
<li><a href="#Services">Services</a></li>
<li><a href="#Skills">Skills</a></li>
</ul>
<a href="#" class="btn">Subscribe</a>
</nav>
</header>
<div class="content">
<h4>Hello!!! I Am</h4>
<h1><span> Rupesh</span> Bhure</h1>
<h3>I am pursuing my graduation in ETC from International Institute of Information Technology,Pune</h3>
<div class="newslatter">
<form>
<input type="email" name="email" id="mail" placeholder="Enter Your Email">
<input type="submit" name="submit" value="Lets Start">
</form>
</div>
</div>
</div>
<section class="about">
<div class="main">
<img src="https://techcrunch.com/wp-content/uploads/2015/11/womanengineer.jpg?w=1390&crop=1 ">
<div class="about-text">
<h2>About Me</h2>
<h5><span>Dev</span>eloper</h5>
<p> A web developer. I am very passionate about learning more
and more techniques to make my work more interactive and seeking more opportunites towards it.
. </p>
<p>1. Problem Solving</p>
<p>2. Creativity</p>
<p>3. Leardership</p>
<p>4. Adaptability</p>
<p>5. Communication</p>
<button type="button">Let's Talk </button>
</div>
</div>
</section>
<div class="service">
<div class="title">
<h2>My Skills</h2>
</div>
<div class="box">
<div class="card">
<i class="fas fa-bars"></i>
<h5>HTML </h5>
<div class="pra">
<p>HyperText Markup Language or HTML is the standard markup language
for documents designed to be displayed in a web browser</p>
<p style="text-align: center;">
<a class="button" href="#">Read More</a>
</p>
</div>
</div>
<div class="card">
<i class="far fa-eye"></i>
<h5> CSS</h5>
<div class="pra">
<p>Style Sheets (CSS) is a stylesheet language used to describe the
presentation of a document written in HTML or XML .</p>
<p style="text-align: center;">
<a class="button" href="#">Read More</a>
</p>
</div>
</div>
<div class="card">
<i class="far fa-brain"></i>
<h5> JavaScript </h5>
<div class="pra">
<p> JS is a lightweight, interpreted, or just-in-time compiled programming
language with first-class functions </p>
<p style="text-align: center;">
<a class="button" href="#">Read More</a>
</p>
</div>
</div>
</div>
</div>
<secttion class="contact" id="contact">
<div class="contact-text">
<h2>Contact Me</h2>
<h4>Let's Work Together</h4>
<p> © 2023 Rupesh </p>
<div class="contact-list">
<li><a href="#">Pune - Maharashtra </a></li>
<li><a href="#">+91 9325790202 </a></li>
<li><a href="#">rupeshbhure34503@gmail.com</a></li>
</div>
<div class="contact-icons">
</div>
</div>
<div class="resume">
<a href="#">See Resume</a>
</div>
</secttion>
<a href="#" class="top"><i class="fa-sharp fa-solid fa-arrow-up"></i></a>
<script src="https://unpkg.com/scrollreveal"></script>
<script type="text/javascript" src="./index.js"></script>
</body>
</html>