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

Skip to content

Commit 2a99e1e

Browse files
satisf1edsatisf1ed
committed
bem changes + lines before links in header
1 parent 7395ec6 commit 2a99e1e

File tree

2 files changed

+49
-32
lines changed

2 files changed

+49
-32
lines changed

‎index.html

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,13 @@
66
<meta name="description" content="Maria Malykh's resume">
77
<meta name="author" content="Andrew Zhogov">
88
<link rel="stylesheet" href="./styles/style.css">
9-
<title>Resume</title>
9+
<title>Maria Malykh - CV</title>
1010
</head>
1111
<body class="body">
1212
<div class="page">
1313
<section class="home" id="home">
14-
<div class="home__darkness">
15-
<nav class="home__darkness__navbar">
14+
<div class="home-darkness">
15+
<nav class="home-darkness__navbar">
1616
<a href="#about">about</a>
1717
<a href="#projects">projects</a>
1818
<a href="#footer">contacts</a>
@@ -29,13 +29,13 @@ <h1>I am a software engineer</h1>
2929

3030
<section class="about" id="about">
3131
<div class="title">
32-
<h1>About Me</h1>
32+
<h2>About Me</h2>
3333
</div>
3434

35-
<div class="flex-row flex-row_about">
36-
<div class="flex-row_about__card">
35+
<div class="flex-row flex-row-about">
36+
<div class="flex-row-about-card">
3737
<h3>interests</h3>
38-
<ul class="flex-row_about__card__list">
38+
<ul class="flex-row-about-card__list">
3939
<li>Playing the piano</li>
4040
<li>Dancing (Hip-Hop cheer team of MIPT)</li>
4141
<li>Learning English (Level: C1)</li>
@@ -45,9 +45,9 @@ <h3>interests</h3>
4545
<li>Playing volleyball</li>
4646
</ul>
4747
</div>
48-
<div class="flex-row_about__card">
48+
<div class="flex-row-about-card">
4949
<h3>skills</h3>
50-
<ul class="flex-row_about__card__list">
50+
<ul class="flex-row-about-card__list">
5151
<li>Object-oriented programming on C++, Python</li>
5252
<li>Python frameworks: Django, matplotlib, numpy, pandas</li>
5353
<li>Arduino</li>
@@ -57,9 +57,9 @@ <h3>skills</h3>
5757
<li>Microelectronics</li>
5858
</ul>
5959
</div>
60-
<div class="flex-row_about__card">
60+
<div class="flex-row-about-card">
6161
<h3>education</h3>
62-
<ul class="flex-row_about__card__list">
62+
<ul class="flex-row-about-card__list">
6363
<li>Kirov Physics and Mathematics Lyceum</li>
6464
<li>Kirov summer multi-subject school (2017-2020)</li>
6565
<li>MIPT winter olympiad school (2021-2022)</li>
@@ -73,7 +73,7 @@ <h3>education</h3>
7373

7474
<section class="projects" id="projects">
7575
<div class="title">
76-
<h1>My Projects</h1>
76+
<h2>My Projects</h2>
7777
</div>
7878

7979
<div class="flex-row flex-row_projects">
@@ -93,14 +93,14 @@ <h1>My Projects</h1>
9393
</section>
9494

9595
<footer class="footer" id="footer">
96-
<div class="flex-row flex-row_footer">
96+
<div class="flex-row footer__flex-row">
9797
<a href="https://instagram.com/m.malykh_" target="_blank">instagram</a>
9898
<a href="https://vk.com/imnotmasha" target="_blank">vk</a>
9999
<a href="https://t.me/sleep_not_found" target="_blank">telegram</a>
100100
<a href="https://github.com/mariamalykh" target="_blank">github</a>
101101
</div>
102102

103-
<div class="flex-row flex-row_footer">
103+
<div class="flex-row footer__flex-row">
104104
<p class="ending">Ⓒ 2023, Made by Andrew Zhogov</p>
105105
</div>
106106
</footer>

‎styles/style.css

Lines changed: 35 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,45 @@
1-
body, div, section, h1, h3 {
1+
body, div, section, h1, h3, h2 {
22
margin: 0;
33
padding: 0;
44
}
55

6-
.home__darkness__navbar {
6+
.home-darkness__navbar {
77
height: 8%;
88
display: flex;
99
flex-direction: row;
1010
justify-content: flex-end;
1111
align-items: center;
1212
}
1313

14-
.home__darkness__navbar a {
14+
.home-darkness__navbar a {
1515
font-family: 'Cormorant Garamond', sans-serif;
1616
font-size: 0.8rem;
1717
color: white;
1818
font-weight: bold;
1919
letter-spacing: .2rem;
2020
text-transform: uppercase;
2121
text-decoration: none;
22-
padding-left: 2%;
22+
padding-left: 30px;
23+
position: relative;
24+
}
25+
26+
.home-darkness__navbar a::before {
27+
content: "";
28+
width: 15px;
29+
height: 2px;
30+
background-color: white;
31+
margin-top: -1.5px;
32+
position: absolute;
33+
left: 10px;
34+
top: 50%;
35+
opacity: 0;
36+
}
37+
38+
.home-darkness__navbar a:hover::before {
39+
opacity: 1;
2340
}
2441

25-
.home__darkness__navbar::after {
42+
.home-darkness__navbar::after {
2643
content: '';
2744
padding-right: 5%;
2845
}
@@ -37,7 +54,7 @@ body, div, section, h1, h3 {
3754
margin-bottom: 100px;
3855
}
3956

40-
.home__darkness {
57+
.home-darkness {
4158
background-color: rgba(0, 0, 0, 0.4);
4259
width: 100%;
4360
height: 100%;
@@ -92,7 +109,7 @@ body, div, section, h1, h3 {
92109
justify-content: center;
93110
}
94111

95-
.title h1 {
112+
.title h2 {
96113
font-family: 'Cormorant Garamond', sans-serif;
97114
font-size: 3.5rem;
98115
color: #1f1f1f;
@@ -104,15 +121,15 @@ body, div, section, h1, h3 {
104121
flex-direction: row;
105122
}
106123

107-
.flex-row_about {
124+
.flex-row-about {
108125
width: 100%;
109126
min-height: 92%;
110127
flex-wrap: wrap;
111128
flex-direction: row;
112129
justify-content: space-around;
113130
}
114131

115-
.flex-row_about__card {
132+
.flex-row-about-card {
116133
background-color: #1f1f1f;
117134
width: 300px;
118135
height: 680px;
@@ -121,7 +138,7 @@ body, div, section, h1, h3 {
121138
box-shadow: 4px 4px 5px rgba(0, 0, 0, .8);
122139
}
123140

124-
.flex-row_about__card h3 {
141+
.flex-row-about-card h3 {
125142
color: white;
126143
font-family: 'Cormorant Garamond', sans-serif;
127144
font-size: 2rem;
@@ -133,7 +150,7 @@ body, div, section, h1, h3 {
133150
position: relative;
134151
}
135152

136-
.flex-row_about__card h3::after {
153+
.flex-row-about-card h3::after {
137154
display: block;
138155
content: "";
139156
height: 2px;
@@ -143,7 +160,7 @@ body, div, section, h1, h3 {
143160
padding-right: 50%;
144161
}
145162

146-
.flex-row_about__card h4 {
163+
.flex-row-about-card h4 {
147164
color: white;
148165
font-family: 'Cormorant Garamond', sans-serif;
149166
font-size: 1.4rem;
@@ -152,12 +169,12 @@ body, div, section, h1, h3 {
152169
position: relative;
153170
}
154171

155-
.flex-row_about__card__list {
172+
.flex-row-about-card__list {
156173
list-style-type: "✓ ";
157174
padding-right: 3%;
158175
}
159176

160-
.flex-row_about__card__list li {
177+
.flex-row-about-card__list li {
161178
color: white;
162179
font-family: 'Cormorant Garamond', sans-serif;
163180
font-size: 1.6rem;
@@ -265,14 +282,14 @@ body, div, section, h1, h3 {
265282
background-color: #1f1f1f;
266283
}
267284

268-
.flex-row_footer {
285+
.footer__flex-row {
269286
justify-content: center;
270287
flex-wrap: wrap;
271288
flex-direction: row;
272289
padding-top: 120px;
273290
}
274291

275-
.flex-row_footer a {
292+
.footer__flex-row a {
276293
font-family: "montserrat-bold", sans-serif;
277294
font-size: 1.2rem;
278295
text-decoration: none;
@@ -282,14 +299,14 @@ body, div, section, h1, h3 {
282299
margin-top: 20px;
283300
}
284301

285-
.flex-row_footer a::after {
302+
.footer__flex-row a::after {
286303
content: "|";
287304
color: rgba(255, 255, 255, 0.15);
288305
padding-left: 0.9rem;
289306
padding-right: 0.9rem;
290307
}
291308

292-
.flex-row_footer a:last-child::after {
309+
.footer__flex-row a:last-child::after {
293310
content: '';
294311
}
295312

0 commit comments

Comments
 (0)