Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit b996645

Browse files
sanaz-gitsanaz-git
committed
fix resume
1 parent bffdbc3 commit b996645

File tree

3 files changed

+90
-92
lines changed

3 files changed

+90
-92
lines changed

‎Week1/homework/digitalresume/back4.jpg

-264 KB
Binary file not shown.

‎Week1/homework/digitalresume/index.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,8 @@
88
<body>
99
<div class="flexbox-container">
1010
<div class="flexbox-item A-Bout-Me">
11-
<img style="position:absolute; left: 300px;" src="avatar5.jpg" alt="girl" width="150" height="150"/>
12-
<div class="nameone" >
11+
<img style="position:absolute; display:block" src="avatar5.jpg" alt="girl" width="150" height="150 "/>
12+
<div class="nameOne" >
1313
<div class="span">
1414
<h1><span>About Me</span></h1>
1515
</div>
@@ -27,14 +27,14 @@ <h1><span>About Me</span></h1>
2727
<div class="span">
2828
<h1><span>Education</span></h1>
2929
</div>
30-
<div class="nametwo">
30+
<div class="nameTwo">
3131
<ul>
3232
<li>M.Sc. Civil and Environmental Engineering (Water Resource Engineering)</li>
3333
<li>B.Sc. Civil and Environmental Engineering (Water Engineering)</li>
3434
</ul>
3535
</div>
3636
</div>
37-
<div class="flexbox-item Work-Eeperience">
37+
<div class="flexbox-item Work-Experience">
3838
<div class="span" >
3939
<h1><span>Work Experience</span></h1>
4040
</div>

‎Week1/homework/digitalresume/style.css

Lines changed: 86 additions & 88 deletions
Original file line numberDiff line numberDiff line change
@@ -1,111 +1,109 @@
1-
body{
2-
background-image: url("back4.jpg");
3-
background-size: cover;
4-
1+
* {
2+
margin: 0;
3+
padding: 0;
4+
box-sizing: border-box;
55
}
6-
7-
.flexbox-container{
8-
height: 700;
9-
flex-direction: column;
10-
margin-left: 250px;
11-
margin-right: 250px;
12-
6+
body {
7+
margin-top: 50px;
8+
background-color: #9dc5c3;
9+
background-image: linear-gradient(315deg, #9dc5c3 0%, #5e5c5c 74%);
1310
}
1411

15-
.flexbox-item{
16-
width: 700px;
17-
margin: 10px;
18-
border: 3px solid #333;
19-
background-color: #cacac9;
20-
border-radius: 10px;
12+
.flexbox-container {
13+
margin: auto;
14+
width: 60%;
2115
}
2216

23-
.A-Bout-Me{
24-
min-height: 200px;
25-
17+
.flexbox-item {
18+
margin-bottom: 10px;
19+
border: 3px solid #333;
20+
background-color: #cacac9;
21+
border-radius: 10px;
22+
min-height: 100px;
23+
width: 100%;
2624
}
2725

28-
.Education{
29-
min-height: 150px;
30-
font-size: 20px;
31-
line-height: 30px;
32-
font-family: The Quick Fox Jumps Over The Lazy Dog;
33-
padding-bottom: 20px;
26+
.A-Bout-Me {
27+
line-height: 30px;
3428
}
3529

36-
.Work-Eexperience{
37-
min-height: 200px;
30+
.Education {
31+
font-size: 20px;
32+
line-height: 30px;
33+
font-family: The Quick Fox Jumps Over The Lazy Dog;
3834
}
3935

40-
img{
41-
border-radius: 50%;
42-
padding: 20px;
36+
img {
37+
border-radius: 50%;
38+
padding: 20px;
39+
margin-top: 20px;
40+
margin-left: 20px;
4341
}
4442

45-
h1{
46-
padding-left: 10px;
47-
font-size: 30px;
43+
h1 {
44+
padding-left: 10px;
45+
font-size: 30px;
46+
margin-top: 20px;
47+
margin-bottom: 20px;
4848
}
4949

50-
h2{
51-
padding-left: 15px;
52-
padding-bottom: 0px;
53-
font-size: 20px;
50+
h2 {
51+
padding-left: 15px;
52+
padding-bottom: 0px;
53+
font-size: 20px;
54+
}
5455

56+
p {
57+
padding: 20px;
58+
line-height: 30px;
59+
text-align: justify;
60+
font-family: The Quick Brown Fox Jumps Over The Lazy Dog;
61+
font-size: 18px;
62+
}
63+
a {
64+
color: blue;
65+
}
66+
a:hover {
67+
color: rgb(252, 6, 6);
5568
}
5669

57-
p{
58-
padding-top: 0px;
59-
padding-right: 20px;
60-
padding-left: 20px;
61-
padding-bottom: 0px ;
62-
text-align: justify;
63-
font-family: The Quick Brown Fox Jumps Over The Lazy Dog;
64-
font-size: 18px;
65-
}
66-
a{
67-
color:blue;
68-
}
69-
a:hover{
70-
color: rgb(252, 6, 6);
71-
}
70+
.name {
71+
margin-top: 20px;
72+
margin-right: 100px;
73+
margin-bottom: 50px;
74+
margin-left: 250px;
75+
font-family: The Quick Brown Fox Jumps Over The Lazy Dog;
76+
}
77+
.nameOne {
78+
margin-top: 20px;
79+
margin-right: 100px;
80+
margin-bottom: 20px;
81+
margin-left: 225px;
82+
}
83+
.nameTwo {
84+
font-family: The Quick Brown Fox Jumps Over The Lazy Dog;
85+
font-size: 18px;
86+
padding: 20px;
87+
margin-left: 20px;
88+
}
7289

73-
.name{
74-
margin-top: 20px;
75-
margin-right: 100px;
76-
margin-bottom:50px;
77-
margin-left: 250px;
78-
font-family: The Quick Brown Fox Jumps Over The Lazy Dog;
79-
}
80-
.nameone{
81-
margin-top: 20px;
82-
margin-right: 100px;
83-
margin-bottom:20px;
84-
margin-left: 270px;
85-
}
86-
.nametwo{
87-
font-family: The Quick Brown Fox Jumps Over The Lazy Dog;
88-
font-size: 18px;
89-
}
90-
.Education span{
91-
background-color:#EDEEF2 ;
92-
border:2px double #EFF0F4;
93-
border-radius: 0 20% 0% 20%;
94-
padding: 5px;
95-
90+
.Education span {
91+
background-color: #edeef2;
92+
border: 2px double #eff0f4;
93+
border-radius: 0 20% 0% 20%;
94+
padding: 5px;
95+
margin-top: 20px;
9696
}
9797

98-
.A-Bout-Me span{
99-
background-color:#EDEEF2 ;
100-
border:2px double #EFF0F4;
101-
border-radius: 0 20% 0% 20%;
102-
padding: 5px;
98+
.A-Bout-Me span {
99+
background-color: #edeef2;
100+
border: 2px double #eff0f4;
101+
border-radius: 0 20% 0% 20%;
103102
}
104103

105-
.Work-Eeperience span
106-
{
107-
background-color:#EDEEF2 ;
108-
border:2px double #EFF0F4;
109-
border-radius: 0 20% 0% 20%;
110-
padding: 5px;
111-
}
104+
.Work-Experience span {
105+
background-color: #edeef2;
106+
border: 2px double #eff0f4;
107+
border-radius: 0 20% 0% 20%;
108+
padding: 5px;
109+
}

0 commit comments

Comments
 (0)