Dynamic-Web/about.html at main · AliHSabra/Dynamic-Web · 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
<!DOCTYPE html>
<html lang='en'>

<head>
  <meta charset='UTF-8'>
  <title>Portfolio Homepage</title>
  <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
  <script src="https://kit.fontawesome.com/c810555b96.js" crossorigin="anonymous"></script>
  <link rel="stylesheet" href="websites.css">
</head>

<body>
  <nav class="navbar">
    <div class="navbar__container">
        <a href="/" id="navbar__logo"><i class="fa-solid fa-cat"></i> Vsec
        </a>
        <div class="navbar__toggle" id="mobile-menu">
            <span class="bar"></span>
             <span class="bar"></span>
            <span class="bar"></span>
        </div>
        <ul class="navbar__menu">
            <li class="navbar__item">
                <a href="/Dynamic-Web/index.html" class="navbar__links">Home</a>
            </li>
            <li class="navbar__item">
                <a href="/Dynamic-Web/learn.html" class="navbar__links">Learn</a>
            </li>

            <li class="navbar__item">
                <a href="/Dynamic-Web/websites.html" class="navbar__links">Websites</a>
            </li>

            <li class="navbar__btn">
                <a href="/Dynamic-Web/about.html" class="button">About</a>
            </li>


        </ul>
    </div>
 </nav>

    <div class="content-wrapper">
      <div class="two-column-wrapper">
        <div class="profile-image-wrapper">
          <img src="images/mypic.jpg" alt="">
        </div>

        <div class="profile-content-wrapper">
          <h1>Hello, thanks for visiting my website.</h1>
          <p>After spending hours and hours on Google trying to teach myself different technologies I still haven't reached
            my goal. However I learnt a lot of valuable skills that will prove usefull in the future.
          </p>

          <p>With those skills in my hand I decided to build this website that took me almost 3 months to build(alone) and
            I want to thank my brother who helped me a lot in that journy. Thank you <a href="https://jsabra1.wordpress.com/" target="_blank">@jay</a>
          </p>
        </div>
      </div>
    </div>
  </div>

  <!--Footer Section-->
 <div class="footer__container">
  <div class="footer__links">
      <div class="footer__link--wrapper">
          <div class="footer__link--items">
              <h2>About Us</h2>
              <a href="/sign__up">How it works</a>
              <a href="/">Testimonals</a>
              <a href="/">Careers</a>
              <a href="/">Investments</a>
              <a href="/">Terms of Services</a>
          </div>
          <div class="footer__link--items">
              <h2>Contact Us</h2>
              <a href="/">Contact</a>
              <a href="/">Support</a>
              <a href="/">Destinations</a>

          </div>
      </div>
      <div class="footer__link--wrapper">
          <div class="footer__link--items">
              <h2>Videos</h2>
              <a href="/">Submit Video</a>
              <a href="/">Ambassadors</a>
              <a href="/">Agency</a>
              <a href="/">Influencer</a>
          </div>
          <div class="footer__link--items">
              <h2>Social Media</h2>
              <a href="/">Instagram</a>
              <a href="/">Twitter</a>
              <a href="/">LinkeDin</a>
              <a href="/">Facebook</a>
          </div>
      </div>
  </div>

  <div class="social__media">
      <div class="social__media--wrap">
          <div class="footer__logo">
              <a href="/" id="footer__logo"><i class="fa-solid fa-cat"></i>Vsec</a>
          </div>
          <p class="website__rights">© Vsec 2022. All rights reserved</p>
          <div class="social__icons">
              <a href="/" class="social__icon--link" target="_blank">
                  <i class="fab fa-instagram"></i>
              </a>
              <a href="/" class="social__icon--link" target="_blank">
                  <i class="fab fa-twitter"></i>
              </a>
              <a href="/" class="social__icon--link" target="_blank">
                  <i class="fab fa-linkedin"></i>
              </a>

              <a href="/" class="social__icon--link" target="_blank">
                  <i class="fab fa-facebook"></i>
              </a>
          </div>
      </div>
  </div>
</div>

  <script src="app.js"></script>
</body>

</html>