Untitled
unknown
plain_text
2 years ago
7.3 kB
5
Indexable
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Moje CV</title>
<link rel="stylesheet" href="style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
<div class="wrapper">
<aside>
<img
src="img/photo.jpeg"
alt="Zdjęcie profilowe aplikanta"
width="370" class="profilePic"
/>
<div class="asideText">
<h2>Contacts</h2>
<ul>
<li>
<img src="img/phone.webp" width="16" alt="Ikona telefonu" />
<a href="tel:+7 777 777 77 77">+7 777 777 77 77</a>
</li>
<li>
<img src="img/email.webp" width="16" alt="Ikona koperty" />
<a href="mailto:johndoe@gmail.com">johndoe@gmail.com</a>
</li>
</ul>
<h2>Tech Skills</h2>
<ul>
<li><span class="whiteText">HTML5</span></li>
<li><span class="whiteText">CSS3</span></li>
<li><span class="whiteText">GIT</span></li>
<li><span class="whiteText">WebPack</span></li>
<li><span class="whiteText">JavaScript</span></li>
<li><span class="whiteText">React.js</span></li>
<li><span class="whiteText">Node.js</span></li>
</ul>
<h2>Soft Skills</h2>
<ul>
<li><span class="whiteText">Scrum</span></li>
<li><span class="whiteText">Agile</span></li>
<li><span class="whiteText">GTD</span></li>
<li><span class="whiteText">Teamwork</span></li>
</ul>
</div>
</aside>
<main>
<h2 class="jobTitle">Front-End Developer</h2>
<h1 class="pomaranczowyTekst duzyTekst">John Doe</h1>
<p class="description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis
ipsum suspendisse ultrices gravida. Risus commodo viverra
maecenas accumsan lacus vel facilisis.
</p>
<h2>Projects</h2>
<div>
<ol>
<li>
<a href="https://barbershop-pl.global/" target="_blank">
https://barbershop-pl.global/</a
>........<span class="boldText">[</span> HTML5, CSS3
<span class="boldText">]</span>
</li>
<li>
<a href="https://cryptohub.global/" target="_blank"
>https://cryptohub.global/</a
>
.................<span class="boldText">[</span>
JavaScript <span class="boldText">]</span>
</li>
<li>
<a href="https://kidslike.global/" target="_blank"
>https://kidslike.global/</a
>
........................<span class="boldText">[</span>
React.js, Node.js<span class="boldText">]</span>
</li>
</ol>
</div>
<div class="workAndEdu">
<h2>Work Experience</h2>
<h3>
Front-End Developer <span class="highlight">Freelance</span>
</h3>
<p>
September 2019 - up to now
<span class="bolderText">|</span> Country
</p>
<div>
<ul>
<li>
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua.
</li>
<li>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</li>
<li>
Risus commodo viverra maecenas. Lorem ipsum dolor sit
amet, consectetur adipiscing elit, sed do eiusmod.
</li>
</ul>
</div>
<h3>Manager <span class="highlight">Glory New</h3>
<p>
March 2015 - October 2018
<span class="bolderText">|</span> Country
</p>
<div>
<ul>
<li>
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod labore et dolore magna aliqua.
</li>
<li>Quis ipsum suspendisse ultrices gravida.</li>
<li>Risus commodo viverra maecenas.</li>
</ul>
</div>
<h3>Manager <span class="highlight">Glory LLC</span></h3>
<p>
March 2015 - October 2018
<span class="bolderText">|</span> Country
</p>
<div>
<ul>
<li>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</li>
<li>Quis ipsum suspendisse ultrices gravida.</li>
<li>Risus commodo viverra maecenas.</li>
</ul>
</div>
<h2>Education</h2>
<h3>National University</h3>
<h4 class="highlight">Management</h4>
<p>
September 2009 - June 2014
<span class="bolderText">|</span> Country
</p>
</div>
</main>
</div>
</body>
</html>
Editor is loading...