MyWebsite/index.html at main · AK-codinerd/MyWebsite · 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Akram's Site</title>

    <!--    __________ font links i got from google fonts ____ -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Merriweather&family=Montserrat&family=Sacramento&display=swap" rel="stylesheet">
    <!--    __________ font links  ____ -->

    <link rel="stylesheet" href="styles.css">
    <link rel="icon" href="favicon.ico">
  </head>
  <body>
    <div class="topcontainer">

      <img class="topcloud" src="cloud.png" alt="">
      <h1 class="heading1">I'm  Akram</h1>
      <p>a <strong>Coder, Learner</strong> and</p>
      <p>a person who enjoys <strong>Editing</strong> videos..</p>
      <img src="mountain.png" width="700px" height="500px" alt="">
      <img class="bottomcloud" src="cloud.png" alt="">
    </div>

      <div class="middle-container">
        <div class="profile">
          <img class="mypic" src="image.jpg" alt="My picture">
          <h2>Hello There. <span> <img class="animalhii" src="hello.webp" alt=""> </span> </h2>
          <p class="my-description">I am Computer Science student, doing my Engineering from <a href="https://jntuh.ac.in/" target="_blank">JNTUH</a>.
            I started this journey with <strong>C</strong> language, got really interested in <strong>Python</strong> and then
            started learning it. Including this I'm really into Gaming and Video Editing. I'm still a <strong>Learner</strong></p>
        </div>
        <br>
        <br>
        <hr>
        <div class="skills">
          <h2>My Skills :</h2>
          <div class="skill-row">
            <img class="computerimg" src="computer.png" alt="">
            <h3>Python</h3>
            <p>Currently under a Bootcamp for <strong>Python</strong> for 100 days.</p>
          </div>
          <div class="skill-row">
            <img class="chilliesimg" src="videoedit.png" alt="">
            <h3>Video Editing on Mobile</h3>
            <p>Almost been close to <strong> 2 </strong>years editing on mobile, by paying close attention on the trends and started implementing it on my work.</p>
          </div>
          <!-- <div class="skill-row">
            <img class="computerimg" src="../images/chillies.png" alt="">
            <h3>Video Editing on Mobile</h3>
            <p>Lorem ipsum dolor sit amet, mauris sed consectetuer. Etiam et eu, bibendum interdum, lacus quis mauris. Curabitur wisi, quisque vel eu, rutrum nam.</p>
          </div>
          <div class="skill-row">
            <img class="chilliesimg" src="../images/chillies.png" alt="">
            <h3>Video Editing on Mobile</h3>
            <p>Lorem ipsum dolor sit amet, mauris sed consectetuer. Etiam et eu, bibendum interdum, lacus quis mauris. Curabitur wisi, quisque vel eu, rutrum nam.</p>
          </div> -->
        </div>
        <hr>
        <div class="contact-me">
          <h2>Get In Touch :</h2>
          <br>
          <h3>Either related to code, edit.</h3>
          <p>or even saying Hi.</p>
          <a class="btn" href="mailto:mohdakramali545@gmail.com"> <span> <img src="" alt=""> </span>📧 Message Me</a>
        </div>
      </div>

      <div class="bottom-container">
        <a class="footer-link" href="https://www.linkedin.com/in/mohammed-akram-ali-ab3542226" target="_blank">LinkedIn</a>
        <a class="footer-link" href="https://www.instagram.com/akco.ding" target="_blank">Instagram</a>
        <a class="footer-link" href="https://twitter.com/Akram04184493?t=BoQ9yk9QSimKlHyYXuNB3g&s=09" target="_blank">Twitter</a>
        <p class="copyright">© 2022 Mohammed Akram Ali.</p>
      </div>

  </body>
</html>