3DPortfolio/index.html at main · pgit80/3DPortfolio · 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
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="favicon.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Pryanshu Gupta</title>
  </head>
  <body>

    <canvas id="bg"></canvas>

    <main>

      <header>
        <h1>Hi! I'm Pryanshu Gupta</h1>
        <p>🚀 Welcome to my website!</p>
      </header>


      <blockquote>
        <p>I like making stuff that help my fellows and peers and put it on the internet</p>
      </blockquote>

      <section>
        <h2>About Me</h2>
        <p>
            I'm so much passionate about technology and technical stuff.
        </p>

        <p>
            I create content around technology and upload on my youtube channel.
        </p>

        <p>

        </p>

      </section>

      <section class="light">
        <h2>👩🏽‍🚀 Projects</h2>

        <p>
          1. <a href="https://studyncode.netlify.app" target="_blank"><b>studyNcode</b></a> This website is created using HTML, CSS and JavaScript which holds all the resources related to academics and Technical requirements like Tools, Documentations and PDFs.
        </p>

        <p>
          2. <b>AllenBlogs:</b> This webapp is created using Python's Django library which I have created along side doing the course from IBM, my this project allows users to upload blogs. My this project describe the CRUD (create, read, upload and delete) property of the Django framework.
          <div class="scroll-container">
            <img src="images/Screenshot from 2024-01-21 23-34-08.png" alt="Cinque Terre" style="height: 500px; width: 600px;">
            <img src="images/Screenshot from 2024-01-21 23-33-55.png" alt="Cinque Terre" style="height: 500px; width: 600px;">
            <img src="images/Screenshot from 2024-01-21 23-33-47.png" alt="Cinque Terre" style="height: 500px; width: 600px;">
          </div>
        </p>

      </section>

      <blockquote>
        <p>The best way out is always through <br>-Robert Frost</p>
      </blockquote>

      <section class="left">
        <h2>Certificates</h2>
        <div class="scroll-container">
          <img src="images/Data Science For Engineers_certificate_page-0001.jpg" alt="Cinque Terre" style="height: 500px; width: 600px;">
          <img src="images/PryanshuGupta-NDG Linux Essent-certificate_page-0001.jpg" alt="Cinque Terre" style="height: 500px; width: 600px;">
          <img src="images/PryanshuGupta-NDG Linux Unhatc-certificate_page-0001.jpg" alt="Cinque Terre" style="height: 500px; width: 600px;">
          <img src="images/c++Certificate_page-0001.jpg" alt="Cinque Terre" style="height: 500px; width: 600px;">
        </div>
        <h3>Badges</h3>

        <div class="scroll-container">
          <img src="images/Screenshot from 2024-01-22 00-00-15.png" alt="Cinque Terre" style="height: 250px; width: 300px;">
          <img src="images/Screenshot from 2024-01-21 23-59-20.png" alt="Cinque Terre" style="height: 250px; width: 300px;">
          <img src="images/Screenshot from 2024-01-21 23-59-10.png" alt="Cinque Terre" style="height: 250px; width: 300px;">
          <img src="images/Screenshot from 2024-01-21 23-58-00.png" alt="Cinque Terre" style="height: 250px; width: 300px;">
          <img src="images/Screenshot from 2024-01-21 23-58-32.png" alt="Cinque Terre" style="height: 250px; width: 300px;">
          <img src="images/Screenshot from 2024-01-21 23-58-43.png" alt="Cinque Terre" style="height: 250px; width: 300px;">
          <img src="images/Screenshot from 2024-01-21 23-59-20.png" alt="Cinque Terre" style="height: 250px; width: 300px;">
          <img src="images/Screenshot from 2024-01-21 23-58-00.png" alt="Cinque Terre" style="height: 250px; width: 300px;">
          <img src="images/Screenshot from 2024-01-21 23-59-35.png" alt="Cinque Terre" style="height: 250px; width: 300px;">
          <img src="images/Screenshot from 2024-01-21 23-59-00.png" alt="Cinque Terre" style="height: 250px; width: 300px;">
          <img src="images/Screenshot from 2024-01-22 00-00-01.png" alt="Cinque Terre" style="height: 250px; width: 300px;">
        </div>
      </section>

      <section class="center">
       <h2>Links and Connects</h2>
        <a href="https://www.linkedin.com/in/pryanshugupta/" target="_blank"><img src="icons/icons8-linkedin-48.png"></a>

        <a href="https://www.youtube.com/@studyncode" target="_blank"><img src="icons/youtube-48.png"></a>

        <a href="https://developers.google.com/profile/u/pryanshu" target="_blank"><img src="icons/google-old-48.png"></a>

        <a href="https://auth.geeksforgeeks.org/user/pryanshug88/?utm_source=geeksforgeeks&utm_medium=my_profile&utm_campaign=auth_user" target="_blank"><img src="icons/icons8-geeksforgeeks-48.png"></a>

        <a href="https://leetcode.com/pryanshug88/" target="_blank"><img src="icons/level-up-your-coding-skills-and-quickly-land-a-job-48.png"></a>

        <a href="https://www.hackerrank.com/profile/pryanshug88" target="_blank"><img src="icons/icons8-hackerrank-is-a-technology-company-that-focuses-on-competitive-programming-48.png"></a>
        <a href="https://github.com/pryang007" target="_blank"><img src="icons/github-48.png"></a>
      </section>

      <section class="left">
        <h2>Contact Options</h2>
        <p> pryanshug88@gmail.com</p>
        <p> +918795667730</p>


      </section>
      <blockquote>
        <p>Thanks for Visiting! Have a Great Day Ahead</p>
      </blockquote>


    </main>

    <script type="module" src="/main.js"></script>


  </body>
</html>