Skip to content

Commit 6b58e67

Browse files
kaal-coderkaal-coder
authored
Merge pull request #52 from Gaurav07076/main
Added a page of CV
2 parents 9293b9b + bb0b2aa commit 6b58e67

File tree

9 files changed

+235
-0
lines changed

9 files changed

+235
-0
lines changed

‎Fronted Projects/CV/css/styles.css‎

Lines changed: 169 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,169 @@
1+
body{
2+
color: #40514E;
3+
margin:0;
4+
text-align: center;
5+
font-family: 'Merriweather',serif ;
6+
}
7+
8+
h1{
9+
font-size:5.625rem;
10+
margin:50px auto 0 auto;
11+
font-family: 'Sacramento',cursive ;
12+
color: #66BFBF;
13+
14+
}
15+
16+
h2{
17+
font-family: 'Montserrat',sans-serif ;
18+
font-size: 2.5rem;
19+
color: #66BFBF;
20+
font-weight: normal;
21+
padding-bottom: 10px;
22+
23+
24+
}
25+
26+
h3{
27+
font-family: 'Montserrat',sans-serif ;
28+
color: #11999E;
29+
30+
}
31+
p{
32+
line-height: 2;
33+
}
34+
35+
hr{
36+
border:dotted #EAF6F6 6px;
37+
border-bottom: none;
38+
width: 4%;
39+
margin:100px auto;
40+
}
41+
42+
a{
43+
color: #11999E;
44+
font-family: 'Montserrat',sans-serif ;
45+
margin: 10px 20px;
46+
text-decoration: none;
47+
48+
49+
}
50+
51+
a:hover{
52+
color: #EAF6F6;
53+
}
54+
55+
.top-container{
56+
background-color: #E4F9F5;
57+
position: relative;
58+
padding-top: 100px;
59+
60+
61+
}
62+
63+
.middle-container{
64+
margin: 100px 0;
65+
66+
}
67+
68+
.bottom-container{
69+
background-color: #66bfbf;
70+
padding: 50px 0 20px
71+
72+
73+
}
74+
75+
.pro{
76+
text-decoration: underline;
77+
}
78+
79+
.intro{
80+
width: 30%;
81+
margin:auto;
82+
83+
}
84+
85+
.contact-message{
86+
width:40%;
87+
margin:40px auto 60px
88+
}
89+
90+
.copyright{
91+
color: #EAF6F6;
92+
font-size: 0.75rem;
93+
padding: 20px 0;
94+
}
95+
96+
.bottom-cloud{
97+
position:absolute;
98+
left:50px;
99+
bottom: 300px;
100+
101+
102+
}
103+
104+
.top-cloud{
105+
position: absolute;
106+
right:300px;
107+
top:40px;
108+
109+
}
110+
111+
a{
112+
color: #11999E;
113+
}
114+
115+
.skill-row{
116+
width: 50%;
117+
margin: 100px auto 100px auto;
118+
text-align: left;
119+
120+
121+
}
122+
123+
.programmer{
124+
125+
width: 20%;
126+
float:left;
127+
margin-right: 30px;
128+
129+
130+
}
131+
132+
.gamer{
133+
134+
width: 20%;
135+
float:right;
136+
margin-left: 30px;
137+
138+
}
139+
140+
.btn {
141+
background: #11cdd4;
142+
background-image: -webkit-linear-gradient(top, #11cdd4, #2980b9);
143+
background-image: -moz-linear-gradient(top, #11cdd4, #2980b9);
144+
background-image: -ms-linear-gradient(top, #11cdd4, #2980b9);
145+
background-image: -o-linear-gradient(top, #11cdd4, #2980b9);
146+
background-image: linear-gradient(to bottom, #11cdd4, #2980b9);
147+
-webkit-border-radius: 8;
148+
-moz-border-radius: 8;
149+
border-radius: 8px;
150+
font-family: 'Montserrat',sans-serif ;
151+
color: #ffffff;
152+
font-size: 20px;
153+
padding: 10px 20px 10px 20px;
154+
text-decoration: none;
155+
}
156+
157+
.btn:hover {
158+
background: #30e3cb;
159+
background-image: -webkit-linear-gradient(top, #30e3cb, #2bc4ad);
160+
background-image: -moz-linear-gradient(top, #30e3cb, #2bc4ad);
161+
background-image: -ms-linear-gradient(top, #30e3cb, #2bc4ad);
162+
background-image: -o-linear-gradient(top, #30e3cb, #2bc4ad);
163+
background-image: linear-gradient(to bottom, #30e3cb, #2bc4ad);
164+
text-decoration: none;
165+
}
166+
167+
168+
169+

‎Fronted Projects/CV/favicon.ico‎

318 Bytes
Binary file not shown.

‎Fronted Projects/CV/images/a‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+

‎Fronted Projects/CV/images/cloud.png‎

3.81 KB
Loading

‎Fronted Projects/CV/images/gamer.png‎

27.8 KB
Loading

‎Fronted Projects/CV/images/man.png‎

23 KB
Loading

‎Fronted Projects/CV/images/mountain.png‎

64.3 KB
Loading

‎Fronted Projects/CV/images/programmer.png‎

32.4 KB
Loading

‎Fronted Projects/CV/index.html‎

Lines changed: 65 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Gaurav Verma</title>
8+
<link rel="stylesheet" href="css/styles.css">
9+
<link rel="icon" href="favicon.ico">
10+
<link rel="preconnect" href="https://fonts.googleapis.com">
11+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12+
<link href="https://fonts.googleapis.com/css2?family=Merriweather&family=Montserrat&family=Sacramento&display=swap" rel="stylesheet">
13+
</head>
14+
<body>
15+
<div class="top-container">
16+
<img src="images/cloud.png" class="top-cloud" alt="cloud-img">
17+
<h1>I'm Gaurav</h1>
18+
<h2>a <span class="pro">pro</span>grammer</h2>
19+
<img src="images/cloud.png" class="bottom-cloud" alt="cloud-img">
20+
<img src="images/mountain.png" " alt="mountain-img">
21+
</div>
22+
<div class="middle-container">
23+
<div class="profile">
24+
<img src="images/man.png" alt="profile picture" height="200" width="150">
25+
<h2>Hello.</h2>
26+
<p class="intro">I am a coder and a web developer. Currently exploring variety of diffrent techs. I love playing online games and drawing.</p>
27+
</div>
28+
<hr >
29+
<div class="skills">
30+
<h2>My Skills.</h2>
31+
<div class="skill-row">
32+
<img class="programmer" src="images/programmer.png" alt="skill"><br>
33+
<h3>Programming and Development</h3>
34+
<p class="programmer-desc">I always found computer technology fascinating and liked knowing
35+
the insides of it. So, I am studing computer science and want to
36+
be a great apps and game designer</p>
37+
38+
</div>
39+
<div class="skill-row">
40+
<img class="gamer" src="images/gamer.png" alt="skill">
41+
<h3>Gaming</h3>
42+
<p class="gamer-desc">But my best skill is actually playing online games. It urges me to be the best in it and I love the never ending new challange scenarios.</p>
43+
</div>
44+
</div>
45+
<hr>
46+
<div class="contact-me">
47+
<h2>Get In Touch</h2>
48+
<h4>Are you also fascinated with games!!</h4>
49+
<p class="contact-message">If you too get the same adrenaline rush while playing games? Let's play some games together! We can even code when get bored after playing!!</p>
50+
<a class="btn" href="mailto:gauravvermaa07076@email.com">CONTACT ME</a>
51+
</div>
52+
</div>
53+
54+
55+
<div class="bottom-container">
56+
<a class="footer-link" href="https://www.linkedin.com/in/gaurav-verma-98688a232/">LinkedIn</a>
57+
<a class="footer-link" href="https://github.com/Gaurav07076">GitHub</a>
58+
<a class="footer-link" href="https://www.appbrewery.co/">Website</a>
59+
<p class="copyright">© Gaurav.</p>
60+
</div>
61+
62+
63+
64+
</body>
65+
</html>

0 commit comments

Comments
 (0)