aboutsummaryrefslogtreecommitdiff
path: root/resume/src/resume.html
diff options
context:
space:
mode:
authorSyndamia <kamen.d.mladenov@protonmail.com>2021-03-02 16:01:20 +0200
committerSyndamia <kamen.d.mladenov@protonmail.com>2021-03-02 16:01:20 +0200
commita8552d77008894af2e9df0d196589b08e99ade1f (patch)
tree2da86f1cd8f53651cf43cd897eb57d301fcd7f0a /resume/src/resume.html
parent9aeb5903e2ca9c01f68ef6f4ffe936cc6e377df6 (diff)
downloadcss-snippets-a8552d77008894af2e9df0d196589b08e99ade1f.tar
css-snippets-a8552d77008894af2e9df0d196589b08e99ade1f.tar.gz
css-snippets-a8552d77008894af2e9df0d196589b08e99ade1f.zip
Completely revamped resume. Made code simpler and handle better printing. Added better instructions and images to the resume README.
Diffstat (limited to 'resume/src/resume.html')
-rw-r--r--resume/src/resume.html191
1 files changed, 191 insertions, 0 deletions
diff --git a/resume/src/resume.html b/resume/src/resume.html
new file mode 100644
index 0000000..77aa441
--- /dev/null
+++ b/resume/src/resume.html
@@ -0,0 +1,191 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="stylesheet" href="./style.css">
+ <title>Resume - Gosho Petrov</title>
+</head>
+
+<body>
+ <main class="page">
+ <article class="content">
+ <summary id="about">
+ <div id="data">
+ <div id="name">
+ Gosho Petrov
+ </div>
+ <div id="text-data">
+ <div class="info">
+ <div class="stacked-info">
+ <b>Date of birth</b><br>
+ 6.9.420
+ </div>
+ <div class="stacked-info">
+ <b>Address</b><br>
+ Gosho Street
+ </div>
+ <div class="stacked-info">
+ <b>Phone Number</b><br>
+ 1-800-Gosho
+ </div>
+ </div>
+ <div class="info">
+ <div class="stacked-info">
+ <b>Email</b><br>
+ gosho@ne-me-vijdash.pich
+ </div>
+ <div class="stacked-info">
+ <b>GitHub account</b><br>
+ github.com/adfadfadfasdga
+ </div>
+ <div class="stacked-info">
+ <b>LinkedIn profile</b><br>
+ linkedin.com/in/asdagadggw
+ </div>
+ </div>
+ </div>
+ </div>
+ <img id="picture-data" src="./sample-profile-picture.jpeg">
+ </div>
+ </summary>
+ <hr>
+ <section class="info-section">
+ <div class="card">
+ <div class="card-title section-title">
+ ║ PROFILE ║
+ </div>
+ <div class="card-content">
+ Vikat mi ela za malko, I POCHVAM DA BEGAM BATE
+ </div>
+ </div>
+ </section>
+ <hr>
+ <section class="info-section">
+ <div class="section-title">
+ ║ EDUCATION ║
+ </div>
+ <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 end-card">
+ <div class="card-title">
+ 1994 - 2004
+ </div>
+ <div class="card-content">
+ <div class="card-sub-title">
+ The coolest university
+ </div>
+ I'll have you know, I gratuated top of my class.
+ </div>
+ </div>
+ <hr>
+ <div class="section-title">
+ ║ EXPERIENCE ║
+ </div>
+ <div class="card">
+ <div class="card-title">
+ 1990 - now
+ </div>
+ <div class="card-content">
+ <div class="card-sub-title">
+ Megamind Inc.
+ </div>
+ Bachkam, kvo da kaja
+ </div>
+ </div>
+ <div class="card">
+ <div class="card-title">
+ 1890 - 1990
+ </div>
+ <div class="card-content">
+ <div class="card-sub-title">
+ Intergalatical Time Federation
+ </div>
+ Learned how to control time.
+ </div>
+ </div>
+
+ </section>
+ <hr>
+ <section class="info-section">
+ <div class="section-title">
+ ║ PROJECTS ║
+ </div>
+ <div class="card">
+ <div class="card-title">
+ 1990 - now
+ </div>
+ <div class="card-content">
+ <div class="card-sub-title">
+ Yo mama
+ </div>
+ HA, goteem
+ </div>
+ </div>
+ <div class="card">
+ <div class="card-title">
+ 1989 - 1999
+ </div>
+ <div class="card-content">
+ <div class="card-sub-title">
+ Crime
+ </div>
+ </div>
+ </div>
+ <hr>
+ <div class="card">
+ <div class="card-title section-title">
+ ║ SKILLS ║
+ </div>
+ <div class="card-content">
+ <table class="ratings">
+ <tr>
+ <td>Dumb Shit</td>
+ <td>●●●●●</td>
+ <td>Other Shit</td>
+ <td>●●●○○</td>
+ </tr>
+ <tr>
+ <td>Making normal static content</td>
+ <td>○○○○○</td>
+ <td>Writing</td>
+ <td>○○○○○</td>
+ </tr>
+ </table>
+ <br>
+ <table class="ratings">
+ <tr>
+ <td>Programming</td>
+ <td>●●●●●</td>
+ <td>Programming</td>
+ <td>●○○○○</td>
+ </tr>
+ </table>
+ </div>
+ </section>
+ </article>
+ </main>
+</body>
+
+</html>