<!DOCTYPE html>
<html lang="en">
  <head>

    <meta charset="UTF-8">
    <!-- all links to css and JS -->
    <link id="style" href="css/frame.css" rel="stylesheet" type="text/css">
    <link id="style_2" href="css/fonts.css" rel="stylesheet" type="text/css">
    <link id="style_3" href="css/index.css" rel="stylesheet" type="text/css">
    <link href="css/images.css" rel="stylesheet" type="text/css">
    <link id="style_4" href="css/skills.css" rel="stylesheet" type="text/css">
    <link id="style_5" href="css/my_cv.css" rel="stylesheet" type="text/css">
    <link id="style_6" href="css/projects.css" rel="stylesheet" type="text/css">
    <script src="js/script.js" type="text/javaScript"></script>
    <!-- search engine meta tags -->
    <meta name="title" content="Digital Portfolio">
    <meta name="description" content="Hi, I’m Kristaps Dzenis. Currently, first year student of Computers Science with Artificial
     Intelligence MSci in Coventry University. Few years ago, I started my journey to fulfil childhood dream of being a software
     developer by starting BTEC Level 3 Extended Diploma in Computing, which was completed with grade D*DD, and currently attending
     university to obtain integrated master’s degree.">
    <meta name="keywords" content="Kristaps, Dzenis, software engineer, software developer, software, developer, software projects,
     projects, skills, cv, Computers Science with Artificial Intelligence MSci, MSci, Computer Science, artificial intelligence,
     hire, looking to, linkedin, github, BTEC Level 3 Extended Diploma in Computing, Uk, BTEC, Level 3, computing, programming,
     version control, web development, html, css, JavaScript, Python, C#, C++, SQL, Git">
    <meta name="robots" content="index, follow">
    <meta name="language" content="English">
    <meta name="revisit-after" content="5 days">
    <meta name="author" content="Kristaps Dzenis">
    <!-- viewport -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- title and icon for browser tab -->
    <title>Kristaps Dzenis</title>
    <link href="/images/favicon.ico" rel="icon" type="image/x-icon">

  </head>
  <body>

    <div id="container"><!-- main container of page, contains everything -->

      <!-- start of header contents -->
      <div id="header">

        <div id="title"><!-- main title of the website -->
          <a class="no_deco" href="#middle" target="_self"><h1 class="all">Kristaps Dzenis</h1></a>
        </div>

        <nav id="navbar" > <!-- navigation bar --->
          <ul>
            <li><a target="_self" class="all navtext sep_line" href="#middle">About</a></li>
            <li><a target="_self" class="all navtext sep_line" href="#middle_2" >Skills</a></li>
            <li><a target="_self" class="all navtext sep_line" href="#middle_3" >My CV</a></li>
            <li><a target="_self" class="all navtext " href="#middle_4">Projects</a></li>
          </ul>
          <div id="navline"> <!-- underline for navigation bar headings -->

            <div id="home" >
            </div>
            <div id="skills">
            </div>
            <div id="cv">
            </div>
            <div id="projects">
            </div>

          </div>

        </nav>

        <div id="dark_light_mode"> <!-- dark/light mode UI -->

          <div id="dark_light_symbol"> <!-- symbols -->
            <p class="all dark_light_symbols">&#9788</p>
          </div>
          <div id="dark_light_symbol_2">
            <p class="all dark_light_symbols">&#9790</p>
          </div>

          <label class="switch"> <!-- switch -->
            <input type="checkbox" id="checkbox" onclick="lightmode()" >
            <span class="slider"></span>
          </label>

        </div>

        <div id="top_contacts"> <!-- header contacts UI  -->

          <div id="top_contacts_text"> <!-- text -->
            <p class="all text_color text">Reach Me On:</p>
          </div>

          <div id="link_0_top"> <!-- linkedin icon -->
            <a target="_blank" href="https://github.com/KristapsDzenis"><img class="contacts_logo_top"
            src="images/github-2.png" alt="link to Kristaps Dzenis GitHub page"></a>
          </div>

          <div id="link_1_top"> <!-- linkedin icon -->
            <a target="_blank" href="https://www.linkedin.com/in/kristaps-dzenis-61476b281/"><img class="contacts_logo_top"
            src="images/linkedIn.png" alt="link to Kristaps Dzenis LinkedIn page"></a>
          </div>

          <div id="gmail_logo_top"> <!-- gmail icon -->
            <a href="mailto:kristapsdzenis91@gmail.com"><img class="contacts_logo_top" src="images/gmail.png"
             alt="email address to contact Kristaps Dzenis"></a>
          </div>

        </div>

      </div>

      <!-- start of main page contents -->
      <section id="middle"> <!-- top section of the page -->

        <div id="main_text"> <!-- all text with links -->
          <p class="all main_text"><span class="special_text">Hi, I’m Kristaps Dzenis.</span> Currently, first year student of Computers
          Science with Artificial Intelligence MSci in Coventry University. Few years ago, I started my journey to fulfil childhood
          dream of being a software developer by starting BTEC Level 3 Extended Diploma in Computing, which was completed with grade
          D*DD, and currently attending university to obtain integrated master’s degree.</p>
          <br>
          <br>
          <br>
          <p class="all main_text">Outside formal education, I spend my time learning extra things about programming, therefore you
            could see in my <a target="_self" class="no_deco text_hover_2" href="#middle_4"><span class="text_color_2">Projects</span></a> section not
            only group projects done in university, but also independent done outside university. I have interest into anything programming
            related and my skills, knowledge, and experience can be viewed in more detail in
            <a target="_self" class="no_deco text_hover_2" href="#middle_3"><span class="text_color_2">my CV</span></a>,
            <a target="_self" class="no_deco text_hover_2" href="#middle_4"><span class="text_color_2">Projects</span></a>,
            or <a target="_self" class="no_deco text_hover_2" href="#middle_2"><span class="text_color_2">Skills</span></a> sections of this website.</p>
          <br>
          <br>
          <br>
          <p class="all main_text">At the moment, <span class="special_text">looking for internship, work placement opportunities in UK or abroad.</span>
            For more information or how to contact me, check out links below.</p>
        </div>

        <div id="middle_nav"> <!-- top section navigation bar -->

            <!-- buttons -->
            <div id="m_nav_btn">
              <a class="" href="#middle_2" target="_self"><button class="middle_btn all no_deco btn_text_hover">SKILLS</button></a>
            </div>
            <div id="m_nav_btn_2">
              <a class="" href="#middle_3" target="_self"><button class="middle_btn all no_deco btn_text_hover">MY CV</button></a>
            </div>
            <div id="m_nav_btn_3">
              <a class="" href="#middle_4" target="_self"><button class="middle_btn all no_deco btn_text_hover">PROJECTS</button></a>
            </div>

            <!-- icons -->
            <div id="middle_gitHub">
              <a target="_blank" href="https://github.com/KristapsDzenis"><img class="contacts_logo_top"
              src="images/github-2.png" alt="link to Kristaps Dzenis GitHub page"></a>
            </div>
            <div id="middle_linkedIn">
              <a target="_blank" href="https://www.linkedin.com/in/kristaps-dzenis-61476b281/"><img class="contacts_logo_top"
              src="images/linkedIn.png" alt="link to Kristaps Dzenis LinkIn page"></a>
            </div>
            <div id="middle_Gmail">
              <a href="mailto:kristapsdzenis91@gmail.com"><img class="contacts_logo_top" src="images/gmail.png"
             alt="email address to contact Kristaps Dzenis"></a>
            </div>

        </div>

        <div id="main_img"> <!-- image of top section -->
          <img  class="fill" src="images/me.jpg" alt="Photo of Kristaps Dzenis"/>
        </div>

      </section>

      <section id="middle_2">  <!-- skills section of the website -->

        <div id="pd_title"> <!-- Skills title -->
          <h2>My Skills</h2>
        </div>

        <div id="skills_text"> <!-- text with links  -->
          <h3>High level languages</h3>
           <p class="all main_text">My first language I learned on my own, which was in my early 20s, was Visual Basic, and
             was done purely out of curiosity. Since then, my repertoire has grown and now also include Python, C#, and C++.
             Python was learned, at the beginning, on my own, while after my skills were improved in college and university. I have knowledge
             how to code in different programming paradigms, like procedural, event-driven and object-orientated programming, as well,
             learned and used multiprocessing and multithreading, and networking,  which was used to build games, including
             peer-to-peer online games, just for practicing purposes.</p>
          <br>
          <h3>Web Development</h3>
          <p class="all main_text">My HTML, CSS and JavaScript skills are clearly visible on this website, which is completely created
            by myself and is only my second fully finished website. To find out more, you can view <a target="_self" class="no_deco text_hover_3"
            href="#middle_4"><span class="text_color_darkM">Projects</span></a> section and download files with the source code of the website.</p>
          <br>
          <h3>Version Control</h3>
          <p class="all main_text">Have knowledge and experience using version control system Git with developer platform
            <a target="_blank" class="no_deco text_hover_3" href="https://github.com/KristapsDzenis"><span class="text_color_darkM">GitHub</span></a>.</p>
          <br>
          <h3>Databases</h3>
          <p class="all main_text">I have used SQLite to create simple relational databases, together with use of Python, independently
            and in university.</p>
          <br>
          <h3>Computer science</h3>
          <p class="all main_text">Through formal education in college and university I have learned not only programming languages,
            but also about cybersecurity, networking, working with data, computer architectures, project management, virtualisation,
            and other subjects at the level it is learned in programming centric qualifications. Nevertheless, I have received the highest
            grade in almost all of these subjects, proving good understanding of them</p>
        </div>

        <div id="skills_img"> <!-- container holding all skills images -->

          <!-- all skills images -->
          <div id="html_img">
            <img  class="fill" src="images/html.png" alt="Photo of HTML logo"/>
          </div>
          <div id="css_img">
            <img  class="fill" src="images/css.png" alt="Photo of CSS logo"/>
          </div>
          <div id="js_img">
            <img  class="fill" src="images/JS.png" alt="Photo of JS logo"/>
          </div>
          <div id="python_img">
            <img  class="fill" src="images/python.png" alt="Photo of Python logo"/>
          </div>
          <div id="csharp_img">
            <img  class="fill" src="images/Csharp.png" alt="Photo of C# logo"/>
          </div>
          <div id="cplus_img">
            <img  class="fill" src="images/c++.png" alt="Photo of C++ logo"/>
          </div>
          <div id="sql_img">
            <img  class="fill" src="images/sql.png" alt="Photo of SQL logo"/>
          </div>
          <div id="git_img">
            <img  class="fill" src="images/git.png" alt="Photo of Git logo"/>
          </div>

        </div>

      </section>

      <section id="middle_3"> <!-- cv section -->

        <div id="pc_title"> <!-- title of cv section -->
          <h2 class="res title_color">Curriculum Vitae</h2>
        </div>

        <div id="wrapper"> <!-- container holding viewable cv -->

          <div id="cv_text"> <!-- large resolution text -->
            <p class="all text"><< Left mouse CliCK to interact with CV >></p>
          </div>

          <div id="cv_text_mobile"> <!-- small resolution text -->
            <p class="all text">Download CV (.pdf) here >></p>
          </div>

          <div id="dl_button"> <!-- download button for small resolution -->
            <button class="dlbt_color"><a href="files/Curriculum VitaeWEB.pdf" target="_blank">
              <img  class="dl_size" src="images/download.png" alt=""><img class="liner" src="images/blank.png" alt=""></a></button>
          </div>

          <!-- cv.pdf for large resolution -->
          <object data='files/Curriculum VitaeWEB.pdf' type='application/pdf'></object>
          <div id="mobile_img">

            <!-- two page cv in .jpg format for small resolution -->
            <div id="page_1">
              <img  class="fill" src="images/cv_1.jpg" alt="Photo of first page of CV"/>
            </div>
            <div id="page_2">
              <img  class="fill" src="images/cv_2.jpg" alt="Photo of second page of CV"/>
            </div>

          </div>

          <!-- cv overlay for dark mode large resolution -->
          <div id="cv_overlay" onclick="off()">
          </div>

        </div>

      </section>

      <section id="middle_4"> <!-- projects section -->

        <div id="pp_title"> <!-- main title for projects section -->
          <h2>Projects</h2>
        </div>

        <div id="sec_title_wrapper"> <!-- subheading with year -->

            <div id="sec_title_pp">
                <h3 class="">Digital Portfolio Website</h3>
            </div>
            <div id="year">
                <p class="all footer_text">2024</p>
            </div>

        </div>

        <div id="pp_text"> <!-- text -->
          <p class="all main_text">This website is fully created independently by me, Kristaps Dzenis, without use of templates or
            website builders and with purpose to serve as proof of my skills and base for introducing myself and place to get
            familiar with my projects. Every single line of code is manually written by me, using HTML, CSS, and JavaScript. The
            website is single page style holding 4 separate sections and holds my contact information, displayed CV, dark/light mode,
            download links, and have responsive design and can be viewed on mobile devices.</p>
           <br>
          <p class="all main_text">Feel free to download .zip file containing .txt files with source code of this website below!</p>
        </div>

        <div id="image_container"> <!-- image browser containing all images and buttons -->

            <!-- images -->
            <div class="pp_image_first">
              <img  class="fill" src="images/website_img.png" alt="Photo of Digital Portfolio website section"/>
            </div>

            <div class="pp_image">
              <img  class="fill" src="images/website_img.png" alt="Photo of Digital Portfolio website section"/>
            </div>

            <div class="pp_image">
              <img  class="fill" src="images/website_img_2.png" alt="Photo of Digital Portfolio website section"/>
            </div>

            <div class="pp_image">
              <img  class="fill" src="images/website_img_3.png" alt="Photo of Digital Portfolio website section"/>
            </div>

            <!-- buttons -->
            <div id="btn_back">
              <a class="image_nav" onclick="plusSlides(-1)">&#10094</a>
            </div>

            <div id="btn_forward">
              <a class="image_nav" onclick="plusSlides(1)">&#10095</a>
            </div>

        </div>

        <div id="dl_link"> <!-- download link container -->

          <div id="dl_text"> <!-- text -->
            <p class="all text">Download source code (.zip) here >></p>
          </div>

          <div id="dl_button_2"> <!-- download button -->
            <button class="dlbt_color"><a href="files/web_source_code_zip.zip" target="_blank">
              <img  class="dl_size" src="images/download.png" alt=""><img class="liner" src="images/blank.png" alt=""></a></button>
          </div>

        </div>

        <div id="dl_link_2"> <!-- download link container -->

          <div id="dl_text_2"> <!-- text -->
            <p class="all text">Check out GitHub repository here >></p>
          </div>

          <div id="dl_button_2_2"> <!-- download button -->
            <button class="dlbt_color"><a href="https://github.com/KristapsDzenis" target="_blank">
              <img  class="dl_size" src="images/web_link.png" alt=""><img class="liner" src="images/blank.png" alt=""></a></button>
          </div>

        </div>

      </section>

      <!-- start pf footer contents -->
      <div id="footer">

        <div id="contact"> <!-- footer contacts container -->

          <div id="contact_text"> <!-- text -->
            <p class="all text">Reach Me On:</p>
          </div>

          <!-- contacts links -->
          <div id="linked_logo">
            <img class="contacts_logo" src="images/linkedIn.png" alt="Image of LinkedIn logo">
          </div>
          <div id="link_1">
            <a  class="all footer_text text_hover" target="_blank" href="https://www.linkedin.com/in/kristaps-dzenis-61476b281/">LinkedIn</a>
          </div>

          <div id="gmail_logo">
            <img class="contacts_logo" src="images/gmail.png" alt="Image of Gmail logo">
          </div>

          <div id="link_2">
            <a class="all footer_text text_hover" href="mailto:kristapsdzenis91@gmail.com">kristapsdzenis91@gmail.com</a>
          </div>

          <div id="github_logo">
            <img class="contacts_logo" src="images/github.png" alt="Image of GitHub logo">
          </div>

          <div id="link_3">
            <a  class="all footer_text text_hover" target="_blank" href="https://github.com/KristapsDzenis">GitHub</a>
          </div>

        </div>

        <div id="copyright"> <!-- copyright claim -->
          <p class="all footer_text">&#169; 2024 Kristaps Dzenis Digital Portfolio, All rights reserved. Website designed by Kristaps Dzenis.</p>
        </div>

      </div>

    </div>

  </body>
</html>
<!-- end of code -->