portfolio-site/index.html at main · iamteajazz/portfolio-site · 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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>ITIVE ELVIS OVIE</title>
  <link rel="stylesheet" href="css/styles.css">
  <link rel="icon" href="favicon.ico">
  <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=Kaushan+Script&display=swap" rel="stylesheet">
  <!-- Add icon library -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
  <header>
    <nav>
      <ul>
        <li><a target="_blank" href="https://www.facebook.com/iamteajazz" class="fa fa-facebook"></a></li>
        <li><a target="_blank" href="https://www.twitter.com/iamteajazz" class="fa fa-twitter"></a></li>
        <li><a target="_blank" href="https://www.linkedin.com/in/itive-elvis-ovie/" class="fa fa-linkedin"></a></li>
        <li><a target="_blank" href="https://www.instagram.com/iamteajazz" class="fa fa-instagram"></a></li>
        <li><a target="_blank" class="github" href="https://github.com/iamteajazz/">Github</a></li>
      </ul>
    </nav>
  </header>

  <main>
    <div class="hero">
      <img id="logo" src="./image/me2.jpg" alt="">
      <div class="cloud">
        <img src="images/cloud.png" alt="">
      </div>
      <div class="info">
        <h1>Elvis Itive</h1>
        <h4>A Web Developer | <a target="_blank" href="https://iamteajazz.github.io/portfolio_/index.html">UX Designer</a></h4>
      </div>
      <!-- <div class="mountain">
        <div class="cloud-bottom">
          <img src="images/cloud.png" alt="">
        </div> -->
        <div class="mountain1">
          <img src="images/mountain.png" alt="">
        </div>
      </div>
    </div>

    <div class="profile">
      <button target="_blank" class="scroll-link btn btn-white" onclick="location.href='./Elvis cv.pdf';">Resumé</button>
    </div>

<div class="middle-container">
  <div class="skills">
    <h2>MY PROJECTS </h2>
    <div class="project-container">
      <div class="skill-row">
        <a target="_blank" href="https://iamteajazz.github.io/portfolio_/index.html">
          <p>MY UX DESIGN PORTFOLIO WEBSITE</p>
          <img class="project-image" src="./image/Header.png" alt="">
        </a>
      </div>

      <div class="skill-row">
        <a target="_blank" href="./certified projects/meetinDog/meetindog.html">
          <p>MEETINDOG WEBSITE</p>
          <img class="project-image" src="./image/meetinDog.png" alt="">

        </a>
      </div>

      <div class="skill-row">
        <a target="_blank" href="http://wataluxury.com">
          <p>WATALUXURY.COM</p>
          <img class="wata" src="./image/wataluxury.png" alt="">
        </a>
        </div>

        <div class="skill-row">
          <a target="_blank" href="./certified projects/Registration Form/index.html">
            <P>REGISTRATION FORM</P>
            <img class="REGISTRATION" src="./image/registration form.png" alt="">
          </a>
        </div>

        <div class="skill-row">
          <a target="_blank" href="./certified projects/Accessibility Quiz/index.html">
            <p>QUESTION ACCESIBILITY QUIZ</p>
            <img class="ACCESIBILITY" src="./image/Accessibility Quiz.png" alt=""></a>
        </div>

        <div class="skill-row">
          <a target="_blank" href="./certified projects/calculator/index.html">
            <p>CALCULATOR</p>
            <img class=" calculator" src="./image/CALCULATO.png" alt=""></a>
          </div>

          <div class="skill-row">
            <a target="_blank" href="./certified projects/Dice game/dicee.html">
              <p>DICE GAME</p>
              <img class="DICE" src="./image/dice_game.png" alt=""></a>
            </div>

            <div class="skill-row">
              <a target="_blank" href="./certified projects/CSS FLEXBOX PHOTO GALLERY/index.html">
                <p>DOG PHOTO GALLARY</p>
                <img class="GALLARY" src="./image/my dog gallary.png" alt=""></a>
            </div>

            <div class="skill-row">
              <a target="_blank" href="./certified projects/cafe menu/index.html">
                <p>CAFE MENU</p>
                <img class="CAFE" src="./image/cafe menu.png" alt=""></a>
            </div>

        <div class="skill-row">
          <a target="_blank" href="./certified projects/balance sheet/index.html">
            <p>BALANCE SHEET</p>
            <img class="BALANCE" src="./image/Balance sheet.png" alt=""></a>
        </div>

    </div>
  </div>
</div>


  <div class="contact-me">
    <a class="btn" href="mailto:elvis4real28@gmail.com">CONTACT ME</a>
  </div>

  <footer>
    <address>
      <a href="#">All Rights Reserved ©️ Trustenable Technologies.</a><br />
    </address>
    <div class="social-icons">
      <a target="_blank" href="https://www.facebook.com/iamteajazz" class="fa fa-facebook"></a>
      <a target="_blank" href="https://www.twitter.com/iamteajazz" class="fa fa-twitter"></a>
      <a target="_blank" href="https://www.linkedin.com/in/itive-elvis-ovie/" class="fa fa-linkedin"></a>
      <a target="_blank" href="https://www.instagram.com/iamteajazz" class="fa fa-instagram"></a>
    </div>
  </footer>
</main>
<script src="js/index.js"></script>
</body>
</html>