aboutsummaryrefslogtreecommitdiff
path: root/resume/src/index.html
diff options
context:
space:
mode:
authorSyndamia <kamen.d.mladenov@protonmail.com>2021-02-16 19:38:09 +0200
committerSyndamia <kamen.d.mladenov@protonmail.com>2021-02-16 19:38:09 +0200
commit9bf83c951fa10975ae05d85a3982e2394ec886c5 (patch)
tree10e4a4048283fc5a6de353b72b0c1d7559c18c9f /resume/src/index.html
parenta180cfd7fbf4a857940e7693fef64ce96b12842b (diff)
downloadcss-snippets-9bf83c951fa10975ae05d85a3982e2394ec886c5.tar
css-snippets-9bf83c951fa10975ae05d85a3982e2394ec886c5.tar.gz
css-snippets-9bf83c951fa10975ae05d85a3982e2394ec886c5.zip
Added a static resume page design
Diffstat (limited to 'resume/src/index.html')
-rw-r--r--resume/src/index.html169
1 files changed, 169 insertions, 0 deletions
diff --git a/resume/src/index.html b/resume/src/index.html
new file mode 100644
index 0000000..07be591
--- /dev/null
+++ b/resume/src/index.html
@@ -0,0 +1,169 @@
+<!DOCTYPE html>
+<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>
+</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">
+ 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>
+</body>
+
+</html>