diff options
| -rw-r--r-- | resume/src/index.html | 316 | ||||
| -rw-r--r-- | resume/src/styles.css | 12 |
2 files changed, 164 insertions, 164 deletions
diff --git a/resume/src/index.html b/resume/src/index.html index 07be591..e8f10cd 100644 --- a/resume/src/index.html +++ b/resume/src/index.html @@ -2,168 +2,168 @@ <html> <head> - <meta charset="UTF-8"> - <meta name="author" content="Kamen Mladenov"> - <meta name="robots" content="index, follow"> - <meta name="theme-color" content="#ffffff"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <link rel="stylesheet" href="./styles.css"> - <title>My Resume</title> + <meta charset="UTF-8"> + <meta name="author" content="Kamen Mladenov"> + <meta name="robots" content="index, follow"> + <meta name="theme-color" content="#ffffff"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="./styles.css"> + <title>My Resume</title> </head> <body> - <div id="content"> - <div id="about"> - <div id="data"> - <div id="name"> - Gosho Petrov - </div> - <div id="info"> - <div class="stacked-info"> - <b>Address</b><br> - Gosho Street - </div> - <div class="stacked-info"> - <b>Phone</b><br> - 1-800-Gosho - </div> - <div class="stacked-info"> - <b>Email</b><br> - john.cena@ne-me-vijdash.gluplako - </div> - </div> - </div> - <div id="picture"> - <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/60/John_Cena_July_2018.jpg/1024px-John_Cena_July_2018.jpg"> - </div> - </div> - <hr> - <div class="info-section"> - <div class="card"> - <div class="card-title"> - PROFILE - </div> - <div class="card-content"> + <div id="content"> + <div id="about"> + <div id="data"> + <div id="name"> + Gosho Petrov + </div> + <div id="info"> + <div class="stacked-info"> + <b>Address</b><br> + Gosho Street + </div> + <div class="stacked-info"> + <b>Phone</b><br> + 1-800-Gosho + </div> + <div class="stacked-info"> + <b>Email</b><br> + john.cena@ne-me-vijdash.gluplako + </div> + </div> + </div> + <div id="picture"> + <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/60/John_Cena_July_2018.jpg/1024px-John_Cena_July_2018.jpg"> + </div> + </div> + <hr> + <div class="info-section"> + <div class="card"> + <div class="card-title"> + PROFILE + </div> + <div class="card-content"> Vikat mi, ela za malko, I POCHVAM DA BEGAM BATE - </div> - </div> - <hr> - <div class="card"> - <div class="card-title"> - EDUCATION - </div> - <div class="card-content"> - <div class="card"> - <div class="card-title"> - 1990 - 1994 - </div> - <div class="card-content"> - <div class="card-sub-title"> - Joe University - </div> - Mi, nema kvo da kaja - </div> - </div> - <div class="card"> - <div class="card-title"> - 1994 - 2004 - </div> - <div class="card-content"> - <div class="card-sub-title"> - Cool University - </div> - Yep, it's true. What are you gonna do about it? - </div> - </div> - <div class="card"> - <div class="card-title"> - 2004 - now - </div> - <div class="card-content"> - <div class="card-sub-title"> - The coolest university - </div> - What are you gonna do? Cry? Shit your pants maybe? Maybe shit and cum? - </div> - </div> - </div> - </div> - </div> - <hr> - <div class="info-section"> - <div class="card"> - <div class="card-title"> - EXPERIENCE - </div> - <div class="card-content"> - <div class="card"> - <div class="card-title"> - 1990 - now - </div> - <div class="card-content"> - <div class="card-sub-title"> - Megamind Inc. - </div> - Got a problem? Yeah, that's what I though - </div> - </div> - </div> - </div> - </div> - <hr> - <div class="info-section"> - <div class="card"> - <div class="card-title"> - PERSONAL PROJECTS - </div> - <div class="card-content"> - <div class="card"> - <div class="card-title"> - 1990 - now - </div> - <div class="card-content"> - <div class="card-sub-title"> - Do I even need to say it? - </div> - Like, I'm pretty sure you got the point - </div> - </div> - </div> - </div> - <hr> - <div class="card"> - <div class="card-title"> - SKILLS - </div> - <div class="card-content ratings"> - <div class="rating"> - <div class="rating-title"> - Dumb shit - </div> - <div class="rating-amount"> - ●●●●●●●●●● - </div> - </div> - <div class="rating"> - <div class="rating-title"> - Making normal static content - </div> - <div class="rating-amount"> - ●○○○○○○○○○ - </div> - </div> - <div class="rating"> - <div class="rating-title"> - idk anymore - </div> - <div class="rating-amount"> - ●●●●●●●●○○ - </div> - </div> - </div> - </div> - </div> - </div> + </div> + </div> + <hr> + <div class="card"> + <div class="card-title"> + EDUCATION + </div> + <div class="card-content"> + <div class="card"> + <div class="card-title"> + 1990 - 1994 + </div> + <div class="card-content"> + <div class="card-sub-title"> + Joe University + </div> + Mi, nema kvo da kaja + </div> + </div> + <div class="card"> + <div class="card-title"> + 1994 - 2004 + </div> + <div class="card-content"> + <div class="card-sub-title"> + Cool University + </div> + Yep, it's true. What are you gonna do about it? + </div> + </div> + <div class="card"> + <div class="card-title"> + 2004 - now + </div> + <div class="card-content"> + <div class="card-sub-title"> + The coolest university + </div> + What are you gonna do? Cry? Shit your pants maybe? Maybe shit and cum? + </div> + </div> + </div> + </div> + </div> + <hr> + <div class="info-section"> + <div class="card"> + <div class="card-title"> + EXPERIENCE + </div> + <div class="card-content"> + <div class="card"> + <div class="card-title"> + 1990 - now + </div> + <div class="card-content"> + <div class="card-sub-title"> + Megamind Inc. + </div> + Got a problem? Yeah, that's what I though + </div> + </div> + </div> + </div> + </div> + <hr> + <div class="info-section"> + <div class="card"> + <div class="card-title"> + PERSONAL PROJECTS + </div> + <div class="card-content"> + <div class="card"> + <div class="card-title"> + 1990 - now + </div> + <div class="card-content"> + <div class="card-sub-title"> + Do I even need to say it? + </div> + Like, I'm pretty sure you got the point + </div> + </div> + </div> + </div> + <hr> + <div class="card"> + <div class="card-title"> + SKILLS + </div> + <div class="card-content ratings"> + <div class="rating"> + <div class="rating-title"> + Dumb shit + </div> + <div class="rating-amount"> + ●●●●●●●●●● + </div> + </div> + <div class="rating"> + <div class="rating-title"> + Making normal static content + </div> + <div class="rating-amount"> + ●○○○○○○○○○ + </div> + </div> + <div class="rating"> + <div class="rating-title"> + idk anymore + </div> + <div class="rating-amount"> + ●●●●●●●●○○ + </div> + </div> + </div> + </div> + </div> + </div> </body> </html> diff --git a/resume/src/styles.css b/resume/src/styles.css index b263e24..baeec78 100644 --- a/resume/src/styles.css +++ b/resume/src/styles.css @@ -38,11 +38,11 @@ body { display: none; } -#content>* { +#content > * { width: 100%; } -#content>hr { +#content > hr { border-color: var(--font-color); } @@ -72,7 +72,7 @@ body { display: flex; } -#info>* { +#info > * { flex: 1; } @@ -110,15 +110,15 @@ body { flex-direction: column; } -.card-content>.card { +.card-content > .card { margin-top: 1em; } -.card-content>.card>.card-title { +.card-content > .card > .card-title { width: 24%; } -.card-content>.card:first-child { +.card-content > .card:first-child { margin-top: 0; } |
