index.html

﻿<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css" type="text/css">
  <link rel="stylesheet" href="css/theme.css" type="text/css">  

  <title>Andrei Lorin</title>
  <meta name="description" content="Andrei Lorin">
  <meta name="keywords" content="Andrei Lorin">
  
  <link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png">
  <link rel="manifest" href="favicons/manifest.json">
  <link rel="mask-icon" href="favicons/safari-pinned-tab.svg" color="#5bbad5">
  <meta name="theme-color" content="#ffffff"> </head>

<body class="text-center">
  <nav class="navbar navbar-inverse navbar-expand-md bg-primary" id="headersection">
    <div class="container" id="nsvb">
      <a class="navbar-brand" href="#coversection" id="welcomehome">Welcome</a>
      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span></button>
      <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
        <ul class="navbar-nav ">
          <li class="nav-item" id="about">
            <a class="nav-link" href="#aboutsection">About</a>
          </li>
          <li class="nav-item" id="skills">
            <a class="nav-link" href="#skillssection">Skills</a>
          </li>
          <li class="nav-item" id="hardware">
            <a class="nav-link" href="#hardwaresection">Hardware</a>
          </li>
        </ul>
        <a class="btn navbar-btn btn-secondary mx-3" href="#contactsection" id="contact">Contact</a>
      </div>
    </div>
  </nav>
  <div class="cover d-flex align-items-center pt-5 bg-primary" id="coversection">
    <div class="container">
      <div class="row">
        <div class="col-md-6 text-md-left align-self-center my-5">
          <h1 class="text-white display-1" id="testandrei" onclick="myFunction()">Andrei Lorin</h1>
          <h4 class="text-white">Software Developer in Test</h4>
          <div class="row mt-5">
            <div class="col-md-5 col-6">
              <a href="https://github.com/andreilorin" target="_blank" rel="noopener">
                <img class="center-block img-fluid d-block link linkhover" src="images/githubblue.png" alt="images/githubblue.png" id="github"> </a>
            </div>
            <div class="col-md-5 col-6">
              <a href="https://www.linkedin.com/in/andrei-lorin/" target="_blank" rel="noopener">
                <img class="center-block img-fluid d-block link linkhover" src="images/linkedinblue.png" alt="images/linkedinblue.png" id="linkedinblue2"> </a>
            </div>
          </div>
        </div>
        <div class="col-md-6">
          <img class="img-fluid d-block mx-auto" src="images/iphone_cover.png" alt="images/iphone_cover.png"> </div>
      </div>
    </div>
  </div>
  <div class="section py-5 text-md-left" id="aboutsection">
    <div class="container">
      <div class="row">
        <div class="col-md-7 push-md-5 my-3 align-self-center">
          <h2 class="text-primary my-3">About</h2>
          <p class="lead">Certified Java 7 SE Programmer with a degree in Business.&nbsp;I am also ISTQB and Microsoft SQL Server certified.
            Part of the QA Automation Team at Capita IBS. </p>
          <a href="#skillssection" class="btn btn-outline-primary btn-lg" id="learnmore">Learn more</a>
        </div>
        <div class="col-md-5 pull-md-7 my-3">
          <img src="images/iphone_trequarti.png" alt="images/iphone_trequarti.png" class="img-fluid d-block mx-auto"> </div>
      </div>
    </div>
  </div>
  <div class="section py-5" id="skillssection">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <h1 class="pb-4 text-primary">Skills</h1>
        </div>
      </div>
      <div class="row">
        <div class="align-self-center text-right col-lg-4 col-md-6">
          <div class="row my-5">
            <div class="col-10">
              <h4>Java SE 7</h4>
              <p>Oracle Certified
                <br>1Z0-803 Java 7 SE Programmer I</p>
            </div>
            <div class="col-2"><i class="d-block fa fa-3x fa-columns"></i></div>
          </div>
          <div class="row my-5">
            <div class="col-10">
              <h4>SQL Server</h4>
              <p>Microsoft Technology Associate
                <br> SQL Server Database Fundamentals</p>
            </div>
            <div class="col-2"><i class="d-block fa fa-3x fa-database"></i></div>
          </div>
          <div class="row my-5">
            <div class="col-10">
              <h4>Selenium</h4>
              <p>Using Java with Selenium
                <br>and Selenium Grid with Docker</p>
            </div>
            <div class="col-2"><i class="d-block fa  fa-3x fa-circle-thin"></i></div>
          </div>
          <div class="row my-5">
            <div class="col-10">
              <h4>Appium</h4>
              <p>Mobile testing
                <br></p>
            </div>
            <div class="col-2"><i class="d-block fa  fa-3x fa-comment-o"></i></div>
          </div>
        </div>
        <div class="my-3 col-lg-4 col-md-6">
          <img class="img-fluid d-block mx-auto" src="images/iphone_apps.png" alt="images/iphone_apps.png"> </div>
        <div class="align-self-center text-left col-lg-4 col-md-12">
          <div class="row my-5">
            <div class="col-3"><i class="d-block fa fa-battery-empty fa-3x"></i></div>
            <div class="col-9">
              <h4>ISTQB</h4>
              <p>Certified Tester</p>
            </div>
          </div>
          <div class="row my-5">
            <div class="col-3"><i class="d-block fa fa-car fa-3x"></i></div>
            <div class="col-9">
              <h4>C#</h4>
              <p>Also using C# to write Selenium automated tests</p>
            </div>
          </div>
          <div class="row my-5">
            <div class="col-3"><i class="d-block mx-auto fa  fa-3x fa-clone"></i></div>
            <div class="col-9">
              <h4>C++</h4>
              <p>Using C++ with Unreal Engine 4 </p>
            </div>
          </div>
          <div class="row my-5">
            <div class="col-3"><i class="d-block fa  fa-3x fa-heart-o"></i></div>
            <div class="col-9">
              <h4>HTML5 CSS3</h4>
              <p>Static website development
                <br></p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="py-5 text-left" id="hardwaresection">
    <div class="container">
      <div class="row">
        <div class="col-md-6 align-self-center my-3">
          <h2 class="text-primary my-3">Hardware</h2>
          <p class="lead">My workstations.</p>
          <a href="asus.html" class="btn btn-outline-primary btn-lg" id="exploreLaptop">Laptop Upgrade</a>
          <a href="ryzen.html" class="btn btn-outline-primary btn-lg" id="exploreRyzen">Desktop Ryzen Build</a>
        </div>
        <div class="col-md-6 my-3">
          <img src="images/iphone_ipad.png" alt="images/iphone_ipad.png" class="img-fluid d-block mx-auto"> </div>
      </div>
    </div>
  </div>
  <div class="py-5 section bg-faded" id="reviewssection">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div id="carousel" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner" role="listbox">
              <div class="carousel-item active flex-column">
                <img src="images/JSthegoodparts.png" alt="images/JSthegoodparts.jpg" class="img-block mx-auto d-block" width="250" height="300">
                <div class="blockquote">
                  <p class="text-muted my-1">JavaScript The Good Parts</p>
                  <div class="blockquote-footer">great book to polish your JS</div>
                </div>
              </div>
              <div class="carousel-item flex-column">
                <img src="images/themythicalmanmonth.jpg" alt="images/themythicalmanmonth.jpg" class="img-block mx-auto d-block" width="250" height="300">
                <div class="blockquote">
                  <p class="text-muted my-1">The Mythical Man-Month</p>
                  <div class="blockquote-footer">classic</div>
                </div>
              </div>
            </div>
            <a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span></a>
            <a class="carousel-control-next" href="#carousel" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span></a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="py-5 section bg-primary" id="downloadsection">
    <div class="container">
      <div class="row">
        <div class="col-md-6">
          <img class="img-fluid d-block mx-auto" src="images/iphone_isometric.png" alt="images/iphone_isometric.png"> </div>
        <div class="col-md-6 text-md-left align-self-center my-5">
          <h1 class="display-4">Coming Soon</h1>
          <h4>On your mobile device</h4>
          <div class="row mt-5">
            <div class="col-6 col-md-5">
              <a href="#cover">
                <img class="center-block img-fluid d-block" src="images/download_android.png" alt="images/download_android.png" id="googleplay"> </a>
            </div>
            <div class="col-6 col-md-5">
              <a href="#cover">
                <img class="center-block img-fluid d-block" src="images/download_ios.png" alt="images/download_ios.png" id="appstore"> </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="bg-faded py-5" id="contactsection">
    <div class="container">
      <div class="row">
        <div class="col-md-6">
          <h1 class="pi-item">Social Media</h1>
          <p><b>Follow Me</b></p>
          <div class="container">
            <div class="row">
              <div class="tweet" id="tweet" style="width: 100%; height: 450px;">
                <a class="twitter-timeline" data-height="450" data-theme="light" href="https://twitter.com/andreilorin?ref_src=twsrc%5Etfw">Tweets by @andreilorin</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-6">
          <h1 class=" pi-item">Location</h1>
          <p><b>Dublin, Ireland</b></p>
          <div id="googleMap" style="width:100%;height:450px;"></div>
          <script>
            function myMap() {
              var mapCanvas = document.getElementById("googleMap");
              var locationDublin = new google.maps.LatLng(53.350140, -6.266155);
              var mapOptions = { center: locationDublin, zoom: 6 };
              var map = new google.maps.Map(mapCanvas, mapOptions);
              var marker = new google.maps.Marker({
                position: locationDublin,
                icon: "favicons/favicon-16x16.png"
              });
              marker.setMap(map);
            }
          </script>
        </div>
      </div>
    </div>
  </div>

  <div class="py-5 bg-info" id="footersection">

    <div class="container">
      <div class="row">
        <div class="col-4 col-md-1 align-self-center">
          <a href="https://github.com/andreilorin" target="blank"><i class="fa fa-fw fa-github fa-3x text-white"></i></a>
        </div>
        <div class="col-4 col-md-1 align-self-center">
          <a href="https://www.linkedin.com/in/andrei-lorin/" target="blank"><i class="fa fa-fw fa-linkedin text-white fa-3x"></i></a>
        </div>
        <div class="col-4 col-md-1 align-self-center">
          <a href="https://twitter.com/andreilorin" target="blank"><i class="fa fa-fw fa-twitter fa-3x text-white"></i></a>
        </div>
      </div>

      <div class="row">
        <div class="col-md-12 my-3">
          <p>2018 &copy; Andrei Lorin&nbsp;</p>
        </div>
      </div>
    </div>
  </div>

  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB0vLct0Ox3uhNlejCp45NvCBmw8mTXew0&callback=myMap"></script>
  <script src="js/widgets.js"></script>
  <script src="js/jquery-3.1.1.min.js"></script>
  <script src="js/tether.min.js"></script>
  <script src="js/bootstrap.min.4.1.3.js"></script>
  <script src="js/smooth-scroll.js"></script>
</body>

</html>