Parag003.github.io/index.html at main · Parag003/Parag003.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
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>web designer</title>
    <link rel="stylesheet" href="simple.css">
    <link rel="icon" href="favicon.ico">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link href="https://fonts.googleapis.com/css2?family=Merriweather+Sans&family=Montserrat:ital@1&family=Poppins:wght@100&family=Sacramento&display=swap" rel="stylesheet">


    <!-- <script>
      alert(window.innerWidth);
    </script> -->
</head>
<body>
    <div class="intro">
        <!-- <img class="top_c" src="https://media0.giphy.com/media/TercUvhYRPkmkDUNZk/giphy.gif?cid=ecf05e4734wec3y9utuorswwq0ac50jmqh4b1sh69p9dq6a2&rid=giphy.gif&ct=s "
        width="200px" alt=""> -->
    <h1>I'm Parag.</h1>
    <p class="int"><strong>and i like penguins</strong></p>
    <svg class="mnt" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#21A0A0" fill-opacity="0.8" d="M0,128L21.8,154.7C43.6,181,87,235,131,234.7C174.5,235,218,181,262,133.3C305.5,85,349,43,393,69.3C436.4,96,480,192,524,197.3C567.3,203,611,117,655,101.3C698.2,85,742,139,785,154.7C829.1,171,873,149,916,165.3C960,181,1004,235,1047,218.7C1090.9,203,1135,117,1178,85.3C1221.8,53,1265,75,1309,96C1352.7,117,1396,139,1418,149.3L1440,160L1440,320L1418.2,320C1396.4,320,1353,320,1309,320C1265.5,320,1222,320,1178,320C1134.5,320,1091,320,1047,320C1003.6,320,960,320,916,320C872.7,320,829,320,785,320C741.8,320,698,320,655,320C610.9,320,567,320,524,320C480,320,436,320,393,320C349.1,320,305,320,262,320C218.2,320,175,320,131,320C87.3,320,44,320,22,320L0,320Z"></path></svg>
    <!-- <img class="bottom_c" src="cloud.png" alt=""> -->
    <!-- <img class="mount" src="https://media2.giphy.com/media/d8tkB4uvd7v2o95bfK/giphy.gif?cid=ecf05e47wru12nl6ngvwbe7454tmx63w0kw4zdkf0r6grrrb&rid=giphy.gif&ct=s" width="604px" alt=""> -->
    </div>
    <div class="middle-container">
        <div class="profile">
          <img src="fotor_2023-1-15_19_57_33.png" alt="" width="100px">
          <h2>Hello.</h2>
          <p class="text">I am a student at Thapar Institute of Engineering & Technology and i am always ready to learn new things.
            Also i do ❤️ coding and development very much.
          </p>
        </div>
        <hr>
        <div class="skills">
          <h2>My Skills.</h2>
          <div class="skill-row">
            <img class="c-code" src="giphy (1).gif" alt="" size="200px">
            <h3><strong>C language</strong></h3>
            <p>I love to code and now i have basic knowlege about the <strong>C language</strong>. And i will flourish my skills in the coming years and i will become a very good programmer</p>
          </div>
          <div class="skill-row">
            <img class="html-c" src="pngwing.com (1).png" alt="">
            <h3><strong>HTML</strong></h3>
            <p>HTML stands for Hyper Text Markup Language.HTML describes the structure of a Web page. HTML consists of a series of elements. HTML elements tell the browser how to display the content. And i do have a keen interst in learning HTML to a deeper level.</p>
          </div>
          <div class="skill-row">
            <img class="css-c" src="pngwing.com (3).png" alt="">
            <h3><strong>CSS</strong></h3>
            <p>Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language such as HTML or XML.I am not perrfect styling guy but i trying to develop this skill as it  makes the  website nore classy and beautifull.</p>
          </div>
        </div>
        <hr>
        <div class="contact-me">
          <h2 class="get">Get In Touch</h2>
          <h3></h3>
          <p class="contact">Thanku for visting my website.You can contact to me through the following platform given below <br>
            ❤️❤️❤️❤️❤️❤️❤️
          </p>
          <a class="btn" href="mailto:goyalparag54@gmail.com"> <strong><img  class="btn"src="gmail.png" alt=""></strong></a>
        </div>
      </div>
      <br>

      <div class="bottom-container">
        <a class="footer-link" href="https://www.linkedin.com/in/parag-goyal-a526721b3/"><img class="btn1" src="linkedin (1).png" alt=""></a>
        <a class="footer-link" href="https://twitter.com/ParagGo24569839"><img class="btn2" src="twitter.png" target="_blank" alt=""></a>
        <a class="footer-link" href="https://www.instagram.com/parag_0_70/"><img class="btn3" src="instagram.png" alt=""></a>
        <p>© 2023 Parag Goyal.</p>
      </div>

</body>
</html>