Basemism.github.io/index.html at main · Basemism/Basemism.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
<!DOCTYPE html>
<html>
  <head>
    <title>Basem's Portfolio</title>
    <link rel="stylesheet" href="style.css">
    <style>
      @import 'style.scss';

    </style>

  </head>
  <body>
    <div class="app">

      <section>
        <div class="container">
          <p class="reveal">Hello! My name is Basem, and I am in my third year at the University of Edinburgh, studying a BSc in Computer Science.
            I'm interest many fields of computer science ranging from software development to research, and I'm eager to share my journey and showcase my skills through this portfolio. </p>
        </div>
      </section>

      <section>
        <div class="container2">
          <h1 class="text-reveal">More About Me</h1>
          <h3 class="text-reveal">To Be Completed</h3>
        </div>
      </section>

      <section>
        <div class="container2">
          <h1 class="text-reveal">What I have to offer</h1>


              <h3 class="text-reveal">Programming Languages, Libraries & Software</h3>
              <h4 class="text-reveal">Python • Java • C • Git • GitHub • Pandas • SciPy • MatPlotLib • Seaborn • Fusion360 • Illustrator</h4>

              <h3 class="card_title text-reveal">Soft Skills</h3>
              <h4 class="card__text text-reveal">OOP • Problem Solving • UI/UX • Teamwork • Software Testing • Graphics Design</h4>

              <h3 class="card_title text-reveal">Areas of Interest</h3>
              <h4 class="card__text text-reveal"> Networking • Machine Learning • System Design • Robotics</h4>

        </div>
      </section>

      <section>
        <div class="container2">
          <h1 class="text-reveal">My Projects</h1>
          <h3 class="text-reveal">To Be Completed</h3>
        </div>
      </section>


    </div>
    <!-- partial -->
  <script src='https://cdn.jsdelivr.net/gh/studio-freight/lenis@1.0.23/bundled/lenis.min.js'></script>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/gsap.min.js'></script>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/ScrollTrigger.min.js'></script>
  <script src='https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js'></script>
  <script src='https://unpkg.com/split-type'></script><script  src="./script.js"></script>
  </body>
</html>