Untitled

mail@pastecode.io avatar
unknown
plain_text
a year ago
7.3 kB
2
Indexable
Never
<!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>