Tribeoftech.github.io/index.html at main · Tribeoftech/Tribeoftech.github.io · 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
<!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.0">
  <title>Portfolio</title>

  <!-- box icons -->
  <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>

  <!-- custom css -->
  <link rel="stylesheet" href="css/style.css">
</head>

<body>

  <!-- header design -->
  <header class="header">
      <a href="#" class="logo">Tribe of Tech</a>

      <div class='bx bx-menu' id="menu-icon"></div>

      <nav class="navbar">
          <a href="#home" class="active">Home</a>
          <a href="#about">Tech</a>
          <a href="#portfolio">Portfolio</a>
      </nav>
  </header>

  <!-- home section design -->
  <section class="home" id="home">
    <div class="home-img">
        <img src="images/suit.png" alt="Profile Picture">
    </div>
    <div class="home-content">
        <h1>Hello, I'm Alex Dipboye</h1>
        <h1>A <span class="multiple-text"></span></h1>
        <p>
            Tulsa native who enjoys solving problems and working with teams to make goals a reality. I have a background in operations management, team building, problem-solving and most recently adding software engineering to my portfolio. I always enjoy meeting new friends and expanding my network. Let's make an impact on Tulsa together!
        </p>
          <br>
          <a href="https://docs.google.com/document/d/1B-cwWEkYNcTWmlskWWuHqThz1vHgQglRxcTZ8LoA4bo/edit?usp=sharing" class="btn"> Resume</a>
          <div class="social-media">
              <a href="https://github.com/tribeoftech"><i class='bx bxl-github'></i></a>
              <a href="https://www.linkedin.com/in/alexdipboye/"><i class='bx bxl-linkedin'></i></a>
          </div>
      </div>
  </section>

  <!-- portfolio section design -->
  <section class="portfolio" id="portfolio">
      <h2 class="heading">Latest <span>Projects</span></h2>

      <div class="portfolio-container">
          <div class="portfolio-box">
              <img src="images/earth.png" alt="">
              <div class="portfolio-layer">
                  <h4>Galactic</h4>
                  <p></p>
                  <p></p>
                  <a href="https://github.com"><i class='bx bx-link-external'></i></a>
              </div>
          </div>
          <div class="portfolio-box">
              <img src="images/models.png" alt="">
              <div class="portfolio-layer">
                  <h4>Museum Of Imagination</h4>
                  <p>Mock website for a museum that impliments an imursive frontend experience.</p>
                  <a href="https://github.com"><i class='bx bx-link-external'></i></a>
                  <a href="https://youtu.be/1D4dYOp_xTk?si=QTWiETAwmikugEsR"><i class='bx bx-link-external'></i></a>
              </div>
          </div>
          <div class="portfolio-box">
              <img src="images/airbnbclone.jpg" alt="">
              <div class="portfolio-layer">
                  <h4>AirBnB Clone</h4>
                  <p>Clone of the AirBnB website with an implemented backend interface to manage program data.</p>
                  <a href="https://github.com/Tribeoftech/holbertonschool-AirBnB_clone_v3.git"><i class='bx bx-link-external'></i></a>
              </div>
          </div>
          <div class="portfolio-box">
              <img src="images/shell.jpg" alt="">
              <div class="portfolio-layer">
                  <h4>Simple Shell</h4>
                  <p>A recreation of a shell with a basic Unix command-line interpretor</p>
                  <a href="https://github.com/Tribeoftech/holbertonschool-simple_shell.git"><i class='bx bx-link-external'></i></a>
              </div>
          </div>
      </div>
</section>
<!--Languages-->
<!-- portfolio boxes -->
</div>
</section>


<section class="languages">
<div class="about-content">
  <h2 class="heading">Technology I Have <span>Used in Projects and Freelance work.</span></h2>
  <h3>Languages/Tools/Frameworks</h3>
  <p>HTML & CSS - Typescript -Express.js-JavaScript - jQuery - JSON - ReactJS - Node.js - Vite - Python - C - Swift - MongoDB - MySQL - RESTful API - Docker - Bootstrap - Linux - GitHub - VSCode  - Xcode - Firebase </p>
</div>
</section>

<section class="Contact">
      <h1>Contact</h1>
      <h3>Connect with me on LinkedIn or feel free to contact me! I love expanding my network!</h3>
    <a href="https://docs.google.com/document/d/1B-cwWEkYNcTWmlskWWuHqThz1vHgQglRxcTZ8LoA4bo/edit?usp=sharing" class="btn"> Resume</a>
    <div class="social-media">
        <a href="https://github.com/tribeoftech"><i class='bx bxl-github'></i></a>
        <a href="https://www.linkedin.com/in/alexdipboye/"><i class='bx bxl-linkedin'></i></a>
    </div>
  </section>

<footer class="footer">
  <div class="footer-text">
      <p> Alex Dipboye 2024</p>
  </div>
  <div class="footer-iconTop">
      <a href="#home"><i class='bx bx-up-arrow-alt'></i></a>
  </div>
</footer>
<!-- scroll reveal -->
  <script src="https://unpkg.com/scrollreveal"></script>

  <!-- typed js -->
  <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>

  <!-- custom js -->
  <script src="js/script.js"></script>
</body>

</html>