One/about.html at master · IsaM001/One · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>About me</title>
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="styles.css" />
  </head>
  <!DOCTYPE html>
  <html>
    <head>
      <link rel="stylesheet" type="text/css" href="styles.css" />
    </head>
    <body>
      <div class="open">
        <h1>About me</h1>
        <h6>Learn more about me</h6>

        <p>
          Hello again. I have always had a passion for IT. My current job title
          is Voice Engineer. I work on a cloud platform day to day called Cisco
          Webex Contact Centre and my primary job is to maintain the telephone
          infrastructure. Due to my passion for IT, <br />I have always wanted
          to explore different technologies and this led me down the path of
          software.
        </p>
        <p>
          I always thought, it was cool and something interesting. At the time
          of writing this, it is September 2023 and I only started learning
          software this month. <br />The site you are viewing now is just HTML
          and CSS. I have used bootstrap too which certainly makes things
          easier. Going forward I plan to continue with my journey. I will
          continue to review HTML and CSS utilising numerous resources and the
          best way to learn is by getting hands on. I plan on completing the
          FreeCodeCamp Responsive Web Design certification as thus far, this has
          helped with my learning.
        </p>
      </div>
      <hr />
      <div class="img-container">
        <div class="img-with-text">
          <div class="img-about">
            <img src="./Images/About/Football.jpg" alt="Football" />
          </div>
          <div class="text">
            <p>
              Outside of work my hobbies include football and going to the gym.
              When it comes to playing football. I am average at best. Some
              times I can have a good game, other times I miss chances that are
              probably easier to score. <br />It’s all for fun anyway. I play
              with friends/family and it’s nice to socialize and catch up with
              others. I enjoy watching football and I believe I have a good
              understanding of the game.
            </p>
          </div>
        </div>
        <div class="img-with-text">
          <div class="img-about">
            <img src="./Images/About/Gym.jpg" alt="Gym" />
          </div>
          <div class="text">
            <p>
              I believe that keeping fit and healthy lays the foundation to your
              success. Eating well, keeping fit makes you happy and it gives you
              natural energy which you can use for your passions and hobbies.
              <br />
              I am happy with progress I have made fitness-wise. I was around
              73kg in June 2023 and I fluctuate around 69kg now. I have toned up
              a bit in the process too.
            </p>
          </div>
        </div>
        <div class="img-with-text">
          <div class="img-about">
            <img src="./Images/About/Quran.jpg" alt="Quran" />
          </div>
          <div class="text">
            <p>
              I like to seek knowledge in regards to my religion too. This is
              something we are encouraged to do and learning new things about it
              and key information is really beneficial.
            </p>
          </div>
        </div>
      </div>
      <div class="d-flex gap-2 justify-content-center py-5">
        <a href="./index.html">
          <button class="btn btn-dark rounded-pill px-3" type="button">
            Back to home
          </button>
        </a>
      </div>
    </body>
  </html>
</html>