Skip to content

Commit ebc2c47

Browse files
nilajcodernilajcoder
committed
Resume
1 parent c6c1fab commit ebc2c47

6 files changed

Lines changed: 268 additions & 0 deletions

File tree

‎Html/Resume/css/resume.css‎

Lines changed: 116 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,116 @@
1+
*{
2+
margin: 0px;
3+
padding: 0px;
4+
5+
}
6+
7+
.siderectangle{
8+
height:750px;
9+
width: 250px;
10+
background-color: gray;
11+
border: black solid 2px;
12+
border-radius: 10px;
13+
}
14+
15+
16+
.rectangle{
17+
display: flex;
18+
height: 750px;
19+
width: 1000px;
20+
background-color: white;
21+
border: black solid 2px;
22+
border-radius: 10px;
23+
margin-left: 300px;
24+
}
25+
26+
27+
.siderectangle img{
28+
width: 200px;
29+
height: 200px;
30+
31+
margin-left: 25px;
32+
margin-top: 25px;
33+
border-radius: 50%;
34+
}
35+
36+
.phone, .email, .location, .linkedin {
37+
display: flex;
38+
align-items: flex-end;
39+
gap: 5px; /* Space between icon and text */
40+
margin-bottom: 1px;
41+
42+
}
43+
44+
.phone img,
45+
.email img,
46+
.location img,
47+
.linkedin img {
48+
width: 20px; /* Or any size that fits your design */
49+
height: 20px;
50+
}
51+
52+
53+
.straight-line {
54+
height: 3px; /* Line thickness */
55+
width: 100%; /* Full width of parent */
56+
background-color: black; /* Line color */
57+
margin: 10px 0; /* Spacing above and below */
58+
}
59+
60+
.skill{
61+
display: flex;
62+
align-items: normal;
63+
gap: 85px;
64+
margin-bottom: 1px;
65+
}
66+
67+
.skill1{
68+
display: flex;
69+
align-items: end;
70+
gap: 125px;
71+
margin-bottom: 1px;
72+
}
73+
74+
.main-name {
75+
font-size: 36px; /* Adjust size as needed */
76+
font-weight: bold;
77+
text-align: center; /* Center in big rectangle */
78+
margin-top: 40px; /* Adjust spacing from top */
79+
color: #000; /* Black text */
80+
}
81+
82+
83+
.main-section {
84+
85+
padding: 40px;
86+
87+
}
88+
89+
90+
.main-section h1 {
91+
margin-right: 120px;
92+
}
93+
94+
.acc p{
95+
96+
margin-left: 10px;
97+
font-size: 20px;
98+
font-weight: bold;
99+
color: #000; /* Black text */
100+
}
101+
102+
103+
104+
.company{
105+
display: flex;
106+
align-items: end;
107+
gap: 225px;
108+
109+
}
110+
111+
.vertical-line{
112+
width: 3px; /* Line thickness */
113+
height: 50%; /* Full height of parent */
114+
background-color: black; /* Line color */
115+
margin-left: 10px; /* Spacing above and below */
116+
}

‎Html/Resume/html/resume.html‎

Lines changed: 152 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,152 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Resume</title>
7+
<link rel="stylesheet" href="/css/resume.css">
8+
</head>
9+
<body>
10+
11+
<div class="rectangle">
12+
<div class="siderectangle">
13+
<!--Profile pic -->
14+
15+
<img src="https://media.istockphoto.com/id/1437816897/photo/business-woman-manager-or-human-resources-portrait-for-career-success-company-we-are-hiring.jpg?s=612x612&w=0&k=20&c=tyLvtzutRh22j9GqSGI33Z4HpIwv9vL_MZw_xOE19NQ=" alt="profile pic">
16+
17+
<h1>Contact</h1>
18+
<div class="phone">
19+
20+
<img src="/img/phone-call.png" alt="phoneicon">
21+
<p>+91 1234567890</p>
22+
23+
24+
25+
26+
</div>
27+
28+
29+
<div class="email">
30+
31+
<img src="/img/email.png" alt="emailicon">
32+
<p>nilaj@gmail.com</p>
33+
34+
35+
36+
37+
</div>
38+
39+
40+
<div class="location">
41+
42+
<img src="/img/location.jpg" alt="locationicon">
43+
<p> Kolkata</p>
44+
45+
</div>
46+
47+
48+
49+
<div class="linkedin">
50+
51+
<img src="/img/linkedin.png" alt="linkedinicon">
52+
<p>https://www.google.co.in/</p>
53+
54+
</div>
55+
56+
57+
<div class="straight-line"></div>
58+
59+
<h1>Skiils</h1>
60+
61+
62+
<div class="skill">
63+
<p>Accounting</p>
64+
<p> 4 years</p>
65+
66+
67+
</div>
68+
69+
<div class="skill1">
70+
<p>Word </p>
71+
<p> 4 years</p>
72+
73+
74+
</div>
75+
76+
<div class="skill">
77+
<p>Powerpoint</p>
78+
<p> 4 years</p>
79+
80+
81+
</div>
82+
83+
84+
<div class="straight-line"></div>
85+
86+
<h1>Education</h1>
87+
88+
<h4><b>Bachelor Of Economics</b></h4>
89+
90+
<p>The University Of Sydney</p>
91+
92+
<p>2018-2022</p>
93+
94+
95+
96+
97+
98+
</div>
99+
100+
101+
102+
<div class="main-section">
103+
<div class="main-name">
104+
105+
<h1>Florence Pugh </h1>
106+
</div>
107+
<div class="acc">
108+
<br>
109+
<p >Accountant</p>
110+
111+
</div>
112+
<br>
113+
<h2>About Me</h2>
114+
115+
<br>
116+
<p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis temporibus quae exercitationem fuga, vero, consequuntur, rem iure cumque libero distinctio ex vitae molestias rerum alias quis repellat. Repellat, et deserunt.</p>
117+
118+
<br>
119+
120+
121+
122+
123+
124+
<h2>Work Experience</h2>
125+
<br>
126+
<h4>Accountant</h4>
127+
<br>
128+
129+
<div class="company">
130+
131+
<p><b>Accouting project name | Company Name </b></p>
132+
<div class="date">
133+
<p>2022-2023</p>
134+
135+
136+
137+
</div>
138+
139+
140+
</div>
141+
142+
<br>
143+
144+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, voluptatibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, voluptatibus.</p>
145+
146+
147+
148+
149+
</div>
150+
151+
</body>
152+
</html>

‎Html/Resume/img/email.png‎

94.4 KB
Loading

‎Html/Resume/img/linkedin.png‎

12.6 KB
Loading

‎Html/Resume/img/location.jpg‎

9.33 KB
Loading

‎Html/Resume/img/phone-call.png‎

7.46 KB
Loading

0 commit comments

Comments
 (0)