Portfolio/index.html at master · pradhyumanarora/Portfolio · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>PRADHYUMAN ARORA</title>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital@1&display=swap"/>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" />
    <link rel="stylesheet" href="./style.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
    <script src="https://rawcdn.githack.com/albburtsev/jquery.typist/f4f429fad5bab374b1cf01da52ce4e469758afe6/dist/jquery.typist.min.js"></script>
    <script src="./script.js"></script>
  </head>
  <body>
    <nav class="navbar fixed-top navbar-dark bg-dark">
      <a class="navbar-brand" href="">PRADHYUMAN ARORA</a>
    </nav>
    <section id="intro">
      <img src="https://wallpapercave.com/wp/Tpq7EOh.jpg" alt="PRADHYUMAN ARORA" />
      <div class="content">
        <h3>Hey, I am</h3>
        <h1>PRADHYUMAN ARORA</h1>
        <h2>I am a <span></span></h2>
        <div class="socials">
          <a target="_blank" href="https://instagram.com/pradhyuman_arora"><i class="fa fa-instagram"></i></a>
          <a target="_blank" href=""><i class="fa fa-facebook"></i></a>
          <a target="_blank" href="https://twitter.com/AroraPradhyuman"><i class="fa fa-twitter"></i></a>
          <a target="_blank" href="https://linkedin.com/in/pradhyuman-arora-1399141b7"><i class="fa fa-linkedin"></i></a>
          <a target="_blank" href="https://github.com/pradhyumanarora"><i class="fa fa-github"></i></a>
        </div>
      </div>
      <div class="go-down">
        <a href="#about" class="mouse"></a>
      </div>
    </section>
    <section id="about">
      <div class="container">
        <div class="left">
          <img src="https://i.imgur.com/gLpHjYj.jpg" alt="Picture"/>
        </div>
        <div class="right">
          <h2 class="animate__animated animate__bounce"><b>Let Me Introduce Myself........</b></h2>
          <p>People call me Pradhyuman.I am basically from punjab but currently staying in Mathura.I am a foodie.Love to try different dishes.I am an animal lover too.Dogs are my favourite.I like travelling.
          I am a team player.I like to work in a organised manner.I have  keen interest in web development and video editing.
         I am a great thinker and a good achiever.Being an army lover I joined NCC in class 9th which helped me to improve my various skills such as Parades,Commanding,Fitness,inculcated feeling of unity and discipline.
         It also helped me to work harder to achieve my goals.This made me more self dependent and taught me how to bear with pain.</p>
        </div>
      </div>
    </section>
    <section id="experience">
      <div class="container">
        <div class="left2">
            <h2><b>Achievements</b></h2>
            <p>I am a constant scorer in academics.This is my first webpage which is a great Achievement for me and hope to improve my skills in this area.
            I have been a NCC cadet and passed my A certificate in NCC by "AYE" grade.I have served my school as an office bearer (House Captain).
            I made a drone and I was given opportunities to showcase my talent in various schools and colleges.
            I passed my class 10th with 87% and class 12th with 94%.  </p>
        </div>
        <div class="right2">
          <img src="https://webstockreview.net/images/clipart-baseball-trophy-2.png" alt="trophy"/>
        </div>
      </div>
      <div class="container">
        <div class="left1">
          <img src="https://www.elmhurst.edu/wp-content/uploads/2018/12/5-skills-project-management-degree-elmhurst-college-infographic-thumb.jpg" alt="project"/>
        </div>
        <div class="right1">
            <h2><b>Projects</b></h2>
            <p>I have made a drone (Quadcopter) in class 12th as I have a keen interest in aeromodelling.
              This web page is my first Stepping stone in the world of web development.I hope to advance more in this field and improve my
              web development skills and get deeper knowledge in the same field.
            </p>
        </div>
     </div><br><br>
        <div class="row">
          <div class="col-12 col-md-5">
            <h2><b>Contacting Me</b></h2>
            <p class="text-center p-3">
              <i class="fa fa-3x fa-clock-o mr-3"></i>
              <i class="fa fa-3x fa-comments-o"></i>
            </p>
            <p>Feel free to talk to me about anything that bothers you. If you need a helping hand, please don't hesitate to contact me. Got a question on the services that I provide? I am just a click away. I live in India's time zone, if this helps.
            </p><p><b> KINDLY SUBMIT YOUR FEEDBACK BY CLICKING ON <a href="https://docs.google.com/forms/d/e/1FAIpQLSdf6XGVvkSS2bHG-qnXAEh02696kpONtRRl7NiXzBmYy-Us4Q/viewform?usp=sf_link">FEEDBACK</b></a></p>
          </div>
          <div class="col-12 col-md-7">
            <h2 class="mb-3"><b>Say Hi to Me</b></h2>
            <p>Please write me a nice message and I'll reply you ASAP!</p>
            <form>
              <div class="row">
                <div class="col-6">
                  <div class="form-group">
                    <input type="text" name="Name" placeholder="What's your name?" class="form-control" required />
                  </div>
                </div>
                <div class="col-6">
                  <div class="form-group">
                    <input type="email" name="Email" placeholder="Give me your email..." class="form-control" required />
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-9">
                  <div class="form-group">
                    <input type="text" name="Subject" placeholder="What's it about?" class="form-control" required />
                  </div>
                </div>
                <div class="col-3">
                  <div class="form-group">
                    <input type="datetime-local" name="Appointment" placeholder="When?" class="form-control" />
                  </div>
                </div>
                <div class="col-12">
                  <div class="form-group">
                    <textarea name="Message" placeholder="Tell me about it in detail..." class="form-control" required></textarea>
                  </div>
                  <button type="submit" class="btn btn-success">Send</button>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </section>
  </body>
</html>