My-First-Frontend/index.html at main · ctrl-prem/My-First-Frontend · 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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Prem Kumar</title>
        <link rel="stylesheet" href="style.css">
        <link rel="favicon" href="images/favicon.ico"><!-- To apply favouriate icon : favicon. -->
        <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">
    </head>
    <body>
        <div class="top-container">
            <img class="top-cloud" src="images/cloud.png" alt="cloud image">
            <h1 style="font-weight: 1000px;">I'm Prem Kumar</h1>
            <h2 class="hh2">I am a <span>Pro</span>grammer</h2>
            <img class="bottom-cloud" src="images/cloud.png" alt="cloud image">
            <img class="mountain" src="images/mountain.png" alt="Mountain">
        </div>
        <div class="middle-container">
            <div class="profile">
              <img src="images/google.webp" alt="">
              <h2>Hello</h2>
              <p class="para">I am Prem Kumar. A Web developer and Software Engineer by Profession. Currently persuing Bechlor of Technology (Major) in Mechanical Engineering and (Minor) in Computer Science from Delhi  Technological University.</p>
            </div>
            <hr>
            <div class="skills">
              <h2>My Skills</h2>
              <div class="skill-row">
                <img class="computer" src="images/computer.png" alt="">
                <h3>Programming</h3>
                <p class="computer_para">Programming is the process of creating a set of instructions that tell a computer how to perform a task. Programming can be done using a variety of computer programming languages, such as JavaScript, Python, and C++.</p>
              </div>
              <div class="skill-row">
                <img class="butterfly" src="images/butterfly.webp" alt="">
                <h3>Design & Development</h3>
                <p class="butterfly_para">I started learning to code when I was 17 years old because I wanted to make my own video games. Over time, I have gained a wealth of experience designing and developing mobile and web applications.</p>
              </div>
            </div>
            <hr>
            <div class="contact-me">
              <h2>Get In Touch</h2>
              <h3>Hot Wings Challenge</h3>
              <p>But my best skill is actually in eating hot wings. I am the undisputed queen of hot wing challenges. Ghost Peppers and Carolina Reapers are my favourite snacks.</p>
              <a class="btn" href="mailto:prem9810683167@gmail.com">CONTACT ME</a>
            </div>
          </div>


          <div class="bottom-container">
            <a class="footer-link" href="https://www.linkedin.com/in/premcoder">LinkedIn</a>
            <a class="footer-link" href="https://twitter.com/">Twitter</a>
            <a class="footer-link" href="https://www.appbrewery.co/">Website</a>
            <p class="bottom_para">© Prem Kumar @ Google/Sprinklr</p>
          </div>
    </body>
</html>