UX-UI-Portfolio/aboutme.html at main · kobbyDaUXer/UX-UI-Portfolio · 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
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">

      <!-- GOOGLE Fonts -->
      <link rel="preconnect" href="https://fonts.gstatic.com">
      <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600&family=Poppins:wght@300&display=swap" rel="stylesheet">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
  <!-- Fontawesome   -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.1.0/css/all.css">

    <!-- Custom CSS -->
    <link rel="stylesheet" href="css/style.css">

    <title>ElliottKobby Portfolio</title>
</head>
<body>
    <section id="hero_page">
      <nav class="navbar navbar-expand-lg navbar-light bg-white fixed-top">
          <div class="container-fluid">
            <a class="navbar-brand" href="index.html">衣开诶<span>UX/UI Designer</span></a>
          <button class="navbar-toggler" 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" id="navbarSupportedContent">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item">
            <a class="nav-link" href="index.html">Home</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="mywork.html">Projects</a>
            </li>
            <li class="nav-item">
              <a class="nav-link active" href="#">About Me</a>
            </li>
            <!-- <li class="nav-item">
              <a class="nav-link" href="#">Contact Me</a>
            </li> -->
          </ul>
        </div>
      </div>
    </nav>
         <!-- Navbar ends here -->
<!-- Heropage info starts here -->
<div class="container-fluid">
  <div class="hero-page">
    <div class="row">
      <div class=" col-lg-6 col-md-12">
        <h1>
          How it all Started
        </h1>
        <p class="about-paragraph">After several years of working as a customer support executive, research officer and a digital marketer, I found myself needing a change and a desire to find a more creative outlet for myself.</p>

        <p class="about-paragraph">User experience design appealed to me because it embodies many elements of fields that I have worked in includin; empathy, user-centric approach, understanding the needs and motivations of others in other to provide satisfaction to the user.
        <!-- I master the best and most current design tools in the industry--> Also, working in the roles mentioned above has given me
        a strong understanding and the ability to
        perceive human nature and human behavior in general. I’m a critical thinker with an open mind, a communicator and a facilitator.
        I leverage design thinking in my work to help shape the development of products and services based on user needs.
        I have a year of experience in designing user workflows, delivering delightful services, and crafting thoughtful interactions.</p>

        <div class="social-media">
          <a href="https://www.linkedin.com/in/elliott-kobby-awayiga/" target="_blank"><i  class="hero-icons fab fa-linkedin" aria-hidden="true"></i></a>

          <a href="https://twitter.com/KobbyDaUXer" target="_blank"><i  class="hero-icons fab fa-twitter" aria-hidden="true"></i></a>

          <a class="footer-email" href="mailto:eawayiga@gmail.com" target="_blank"><i class="hero-icons fa fa-envelope"
            aria-hidden="true"></i></a>

          <!-- <i  class="hero-icons fab fa-medium" aria-hidden="true"></i> -->

        </div>


       <div class="flexcontainer" style="display:flex; justify-content: center;">
              <div class="child" style="width: 768px">
                <a href="mywork.html">
                  <button class="hero_button btn btn-dark btn-lg" type="button">View My Projects</button>
                </a>
                <a href="Document/CV of Elliott Kobby Awayiga (UX designer).pdf" download><button
                    class="download-btn btn btn-outline-dark btn-lg" type="button">Download CV</button></a>
              </div>
              </div>
      </div>

      <div class="col-lg-6 col-md-12">
        <!-- hero_img -->
        <div>
          <img class="about-img" src="images/About me/sKills black bg.png" alt="Elliott in a working environment" srcset="">
        </div>
      </div>
    </div>
  </div>

  <!-- Heropage info ends here -->
  </div>

</div>


<!-- Footer starts here -->
<section id="footer">
  <footer>
    <div>
      <h2>Like what you see? <br> View my <a
          href="Document/CV of Elliott Kobby Awayiga (UX designer).pdf" target="_blank"
          download><span>resume</span></a>, follow or <br>
        contact me below</h2>
      <div class="footer-icons">
        <a href="https://www.linkedin.com/in/elliott-kobby-awayiga/" target="_blank"><i
            class="footer-icons fab fa-linkedin" aria-hidden="true"></i></a>

        <a href="https://twitter.com/KobbyDaUXer" target="_blank"><i class="footer-icons fab fa-twitter"
            aria-hidden="true"></i></a>

        <!-- <i class="footer-icons fab fa-medium" target="_blank" aria-hidden="true"></i> -->

        <a class="footer-email" href="mailto:eawayiga@gmail.com"><i class="footer-icons fa fa-envelope"
            aria-hidden="true"></i></a>
      </div>

    </div>
    <div class="footer-claim">
      <p>Designed and Handcoded by Elliott</p>
      <p>Copyright &copy; 2020</p>
    </div>

  </footer>

</section>

   <!-- ============jquery================ -->
   <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>

   <!-- ============propper js================ -->
   <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>

   <!-- ============bootstrap js================ -->
   <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

    <!-- ============fontawesome js================ -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.1.0/js/all.js"></script>

 <!-- ============Custom js================ -->
</body>
</html>