cv/index.html at main · EricOgbe/cv · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Eric Ogbe</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="icon" href="favicon.ico">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300&family=Montserrat:ital,wght@1,100&family=Sacramento&display=swap" rel="stylesheet">

    <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PLMR7R34');</script>
<!-- End Google Tag Manager -->
  </head>

  <body>
    <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PLMR7R34"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
    <div class="top-container">
      <img class="top-cloud"src="cloud.png" alt="cloud-img">
      <h1>I'm Eric.</h1>
      <h2><p>A <span class="pro">pro</span>grammer.</p></h2>
      <img class="bottom-cloud"src="cloud.png" alt="cloud-img">
      <img src="mountain.png" alt="mountain-img">

      <div class="middle-container">
      <div class="profile">
        <img src="profile.png" alt="profile-png">
        <h2>Hello.</h2>
        <p>💫I am a web developer.💫</p>
      </div>
      <hr>
      <div class="skills">
        <h2>My Skills.</h2>
        <div class="skill-row">
          <div>Icons made by <a href="https://www.flaticon.com/authors/prettycons" title="prettycons">prettycons</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div>

          <img class="pic" src="coding.png" alt="coding-png">
          <h3>web development.</h3>
        <p>I have a passion for programming.<br>It started as a hobby but soon grew into an obsession.🥰</p>
        </div>
        <div class="skill-row">
          <img class="pic2" src="https://media.giphy.com/media/11YMFLRM0gWZ1u/source.gif " alt="sharingan-png">
          <h3>HOBBIES</h3>
        <p>I love coding and watching japanese anime.😈</p>
          <br>
        <a class="mywork" href="my-work.html">You can view my work here!</a>
        </div>
      </div>
      <hr>
      <div class="contact-me">
        <h2>Get In Touch</h2>
        <h3>love anime or coding, don't hesitate... get in touch!</h3>
        <p></p>
        <a class="btn" href="contact.html">CONTACT ME</a>
      </div>
    </div>


    <div class="bottom-container">
      <a class="footer-link" href="https://www.instagram.com/ericogbe13/">instagram</a>
      <a class="footer-link" href="https://www.facebook.com/parfait.gnostic.9">facebook</a>
      <a class="footer-link" href=""></a>
      <p class="end">© 2020 Eric Ogbe.</p>
    </div>
  </body>
</html>