-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
120 lines (96 loc) · 4.15 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
<!DOCTYPE html>
<head>
<title>Devansh's Portfolio</title>
<meta charset="UTF-8">
<meta name="viewpoint" content="width=device-width", initial-scale="1.0">
<!--File Links-->
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300&family=Roboto+Flex:opsz,[email protected],400;8..144,500&display=swap" rel="stylesheet">
</head>
<Body>
<!--Nav Code Here -->
<div class="home-block-1">
<div class="navbar">
<div class="page-title-container">
<p class="page-title">Dev's Portfolio</p>
</div>
<div class="to-be-decided">
</div>
<div class="menu-container">
<p class="menu-title">Menu</p>
<p class="h2"><a href="http://127.0.0.1:5500/index.html">Home.</a></p>
<p class="h2" ><a href="http://127.0.0.1:5500/about.html">About.</a></p>
<p class="h2"><a href="http://127.0.0.1:5500/about.html">Contact.</a><p>
</div>
</div>
<!--Main Body Code Here -->
<div class="home-tab-1">
<div >
<p class="h3">Hi I am </p>
<p class="h1">Devansh <br>Pratap Singh </p>
<a class="insta" href="https://www.instagram.com/">Instagram |</a>
<a class="linkdin" href="https://www.linkedin.com/in/devansh-pratap-singh-aaaa77259/">Linkdin |</a>
<a class="twitter" href="https://twitter.com/Devansh92741540">Twitter</a>
</div>
<div class="image">
<img src="img/Dv3.png" class="zoom-image" alt="Zoomed Image">
</div>
<div class="intro">
<p class="h1">Front End Web Developer</p>
<p class="h2">I have a good hold over html,css.<br>
I use bootstrap for framework. I have knowledge about javascript .<br>
I am a creative individual <br>
and i use my creativity to design artistic web pages</p>
</div>
</div>
</div>
<div class="home-block-2">
<div>
<p class="h1">What I am great at</p>
</div>
<!--Carousel Code Here-->
<div class="carousel-container">
<div class="carousel-card">
<h3 class="carousel-card-title">Git and GitHub</h3>
<div class="bar">
<div class="emptybar"></div>
<div class="filledbar"><p>Username: digitaldevansh2003 <br>
I can create and manage repositories.<br></p></div>
</div>
<div class="circle">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
<circle class="stroke" cx="60" cy="60" r="50"/>
</svg>
</div>
</div>
<div class="carousel-card">
<h3 class="carousel-card-title">HTML and CSS</h3>
<div class="bar">
<div class="emptybar"></div>
<div class="filledbar"><p>I have a year of experience with this techstack.</p></div>
</div>
<div class="circle">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
<circle class="stroke" cx="60" cy="60" r="50"/>
</svg>
</div>
</div>
<div class="carousel-card">
<h3 class="carousel-card-title">C, C++ , Python </h3>
<div class="bar">
<div class="emptybar"></div>
<div class="filledbar"><p>I am intermediate with these programming languages.</p></div>
</div>
<div class="circle">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
<circle class="stroke" cx="60" cy="60" r="50"/>
</svg>
</div>
</div>
</div>
</div>
<!--Footer Code Here -->
<!--javaScript Code here-->
</Body>