Added Piyush Portfolio using HTML CSS

GDG-GTBIT · Oct 15, 2021 · b20120d · b20120d
1 parent b54a87e
commit b20120d
Show file tree

Hide file tree

Showing 5 changed files with 330 additions and 0 deletions.
diff --git a/Frontend/Portfolio's/Piyush-Anand-Portfolio/design.css b/Frontend/Portfolio's/Piyush-Anand-Portfolio/design.css
@@ -0,0 +1,119 @@
+body{
+  background-color: light blue;
+  background-image:url('data:image/jpeg;base64,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');
+  background-repeat: no-repeat;
+  background-attachment: fixed;
+  background-size: cover;
+}
+
+ h1 {
+  margin-top: 100px;
+  margin-left:400px;
+  margin-right:400px;
+  font-size: 50px;
+  text-align: center;
+  color: blue;
+  /* display:inline; */
+}
+
+h2 {
+  margin-top: 100px;
+  font-size: 50px;
+  text-align: center;
+  color: blue;
+} 
+
+#hd{
+  margin: 0 50%;
+}
+
+#basic {
+  text-align:center;
+  font-size: 30px;
+  color: rgb(255, 255, 255);
+
+  background-repeat: no-repeat;
+  background-attachment: fixed;
+  background-size: cover;
+}
+
+#logo{
+  border-radius: 40%;
+  height: 60px;
+}
+
+.pic{
+  border-radius:50%;
+}
+/* body {
+  background: url(https://images.unsplash.com/photo-1519751138087-5bf79df62d5b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60);
+} */
+
+.bottom {
+  background: url(https://images.unsplash.com/photo-1453928582365-b6ad33cbcf64?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60);
+  background-repeat: no repeat;
+  background-size: cover;
+}
+
+h5 {
+  margin-bottom: 50px;
+  font-size: 50px;
+  text-align: center;
+  color: black;
+}
+
+
+#lk{
+   width: 20%;
+} 
+
+.navbar{
+  z-index:1;
+  height:70px;
+}
+
+.pic{
+  position: relative;
+  z-index:2;
+  width: 400px;
+  height: 400px;
+  margin-top: 50px;
+  margin-left: 700px;
+  margin-right:600px;
+}
+
+.ach{
+  text-align:center;
+  color: rgb(255, 255, 255);
+    font-weight:bold;
+    line-height:40px;
+    font-size:30px;
+    font-family:arial;
+}
+
+.skills{
+  text-align: center;
+  color: rgb(255, 255, 255);
+  font-weight:bold;
+  line-height:40px;
+  font-size:30px;
+  font-family:arial;
+}
+
+.contact{
+  text-align:center;
+  color: rgb(255, 255, 255);
+    font-weight:bold;
+    line-height:40px;
+    font-size:30px;
+    font-family:arial;
+}
+
+#review{
+  text-align:center;
+  color: rgb(255, 255, 255);;
+  font-weight:bold;
+  line-height:40px;
+  font-size:30px;
+  font-family:arial;
+}
diff --git a/Frontend/Portfolio's/Piyush-Anand-Portfolio/download (1).jpg b/Frontend/Portfolio's/Piyush-Anand-Portfolio/download (1).jpg
diff --git a/Frontend/Portfolio's/Piyush-Anand-Portfolio/index.html b/Frontend/Portfolio's/Piyush-Anand-Portfolio/index.html
@@ -0,0 +1,191 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
+    <link rel="stylesheet" href="design.css">
+    <title> P_IYUSH </title>
+</head>
+<body>
+
+     <a name="home"></a>
+
+     <img class="pic" src="mypic.jpg">
+
+
+        <div class="top">
+          <h1> HEY..!!! THIS IS PIYUSH..!!</h1> 
+        </div>
+
+
+    <nav class="navbar navbar-expand-sm navbar-dark bg-primary fixed-top">
+        <a class="navbar-brand" href="#">
+            <img id="logo" src="data:image/jpeg;base64,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">
+        </a>
+       <button class="navbar-toggler"  data-toggle="collapse" data-target="#expandme">
+           <span class="navbar-toggler-icon"></span>
+       </button>
+        <div class="collapse navbar-collapse" id="expandme">
+            <div class="navbar-nav">
+                <a href="#home" class="nav-item nav-link">HOME</a>
+                <a  href="#about "class="nav-item nav-link">ABOUT</a>
+                <a  href="#skills "class="nav-item nav-link">SKILLS</a>
+                <a  href="#achievemnts" class="nav-item nav-link">ACHIEVEMENTS</a>
+                <a  href="#projects" class="nav-item nav-link">PROJECTS</a>
+                <a  href="#contact" class="nav-item nav-link">CONTACT</a>
+              </div>
+        </div>
+
+      </nav>
+      <br>
+      <br>    
+      <br>
+      <br>
+
+
+
+
+    <a name="about"></a>
+
+    <br>
+    <br>
+    <h2>ABOUT</h2>
+
+
+    <div id="basic">
+        I am a 3rd Year Cse undergrad at <a href="https://bitmesra.ac.in/">BIT MESRA.</a>
+        <br>
+        I am a competitive programmer. I love to code and develop.<br> I live in RANCHI , JHARKHAND.
+        <br>
+       I am a Member at IET On Campus B.I.T MESRA<br>
+       <br>
+            EDUCATION:<br>
+            BIRLA INSTITUTE OF TECHNOLOGY , MESRA, RANCHI : 2019-Present</li><br>
+            <a href="https://www.jvmshyamali.com/">J.V.M SHYAMALI </a>: 12th CBSE 91.2%<br>
+             <a href="http://denobilifri.in/">DE NOBILI SCHOOL , F.R.I </a> : 10th  ICSE 94.2%
+    </div>
+
+    <a name="skills"></a>
+    <h2>SKILLS</h2>
+
+    <div class="skills">
+         COMPETITIVE PROGRAMMING<br>
+         DATA STRUCTURES AND ALGORITHMS<br>
+         PROBLEM SOLVING<br>
+            WEB DEVELOPMENT<br>
+        LANGUAGES:
+        <br>
+            C<br>
+            C++<br>
+            HTML<br>
+            CSS<br>
+            JAVASCRIPT<br>
+    </div>
+
+    <a name="achievemnts"></a>
+   <h2>ACHIEVEMENTS</h2>
+
+   <div class="ach">
+       COMPETITIVE PROGRAMMING:
+       <br>
+           Secured a rank of 1265 in Google Kickstart Round F 2020 <br>
+           Codeforces Max Rating : 1564(Specialist)
+               <a href="https://codeforces.com/profile/piyush_2.0">Codeforces</a>
+           <br>
+           Codechef Max Rating : 1937(4 Star)
+               <a href="https://www.codechef.com/users/p_iyush_14">Codechef</a>
+           <br>
+          Codeforces:<br>
+               Secured a rank of 986 in Codeforces Round 674<br>
+          Codechef:<br> 
+               Secured a rank of 208 in August Lunchtime 2020<br>
+               Secured a rank of 224 in July Lunchtime 2020<br>
+               Secured a rank of 673 in August-Cook-Off 2020<br>
+
+           Spoj:<br>
+               World Rank : 7413 (5.1 Points)<br>
+               CRIO.DO:EXTERNSHIP<br>
+               •Selected among top 190 developers outof 10,000+ participants in CRIO Winter Of Doing Stage 3.<br>
+               •Successfully completed Crio Winter of Doing Stages 1, 2 and 3<br>
+   </div>
+
+
+   <a name="projects"></a>
+   <h2>PROJECTS</h2>
+
+   <div class="ach">
+                 RECKO-ACCOUNTING INTEGRATION SERVICE<br>
+                 <a href="https://github.com/piyush2-0/RECKO-Accounting-Integration-Service">Source Code</a>
+                 <br>
+                 •A webapp - Accounting Integration Service consuming API’s like Xero and QuickBooks, and handling OAuth2.0. <br>
+                 •It consists of a common dashboard for showing accounting journals belonging to an organisation suggested/inspired by RECKO. <br>
+                 •The admin can sort,filter and search accounts based on a particular field,and can even add accounts to respective Xero and QuickBooks directly from the UI. <br>
+                 •Technologies Used-(Frontend)React.js (Backend)NodeJs,Express,MongoDB. <br>
+                <br>
+                 XMEME<br>
+                 <a href="https://github.com/piyush2-0/XMEME">Source Code</a>
+                 <br>
+                 •A full stack web application where users can post memes with their name,caption and the url of the meme.<br>
+                 •TechnologiesUsed-(Frontend) React.js (Backend)NodeJs,Express,MongoDB<br>
+
+   </div>
+
+
+
+    </div>
+    <a name="contact"></a>
+    <div class="contact">
+        <h2>CONTACT INFO</h2>
+
+        <a class="bi bi-linkein"  href="https://www.linkedin.com/in/piyush-anand-a462ba1a5">
+
+            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
+                <path fill-rule="evenodd" d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212h-2.4s.03-6.547 0-7.225h2.4v1.023a5.54 5.54 0 0 0-.016.025h.016v-.025c.32-.493.89-1.193 2.165-1.193 1.58 0 2.764 1.033 2.764 3.252v4.143h-2.4V9.529c0-.972-.348-1.634-1.217-1.634-.664 0-1.059.447-1.233.878-.063.154-.079.37-.079.586v4.035z"/>
+              </svg>
+              Linked In
+            <!-- <img class="btn btn-secondary btn-sm" id="lk" src="https://www.pinclipart.com/picdir/middle/548-5484431_linkedin-link-high-resolution-linkedin-logo-png-clipart.png" alt=""> -->
+        </a>
+        <br>
+        <a class="bi bi github" href="https://github.com/piyush2-0">
+            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
+                <path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
+              </svg>
+              Github
+        </a>
+        <br>
+
+
+        <a  class="bi bi facebook" href="https://www.facebook.com/piyush.anand.9889/">
+
+            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
+                <path fill-rule="evenodd" d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
+              </svg>
+              Facebook
+              <!-- <img class="btn btn-secondary btn-sm" id="lk" src="https://cdn1.iconfinder.com/data/icons/social-media-2285/512/Colored_Facebook3_svg-512.png" alt=""> -->
+           </a>
+        <br>
+        <i class="whatsapp">
+            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-phone" viewBox="0 0 16 16">
+                <path fill-rule="evenodd" d="M11 1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H5z"/>
+                <path fill-rule="evenodd" d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
+              </svg>
+            +91-9570453033 , +91-8709667041
+        </i>
+      <br>
+
+
+    </div>
+
+    <br>
+    <br>
+
+
+
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js" integrity="sha384-q2kxQ16AaE6UbzuKqyBE9/u/KzioAlnx2maXQHiDX9d4/zp8Ok3f+M7DPm+Ib6IU" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.min.js" integrity="sha384-pQQkAEnwaBkjpqZ8RU1fF1AKtTcHJwFl3pblpTlHXybJjHpMYo79HY3hIi4NKxyj" crossorigin="anonymous"></script>
+
+</body>
+</html>
diff --git a/Frontend/Portfolio's/Piyush-Anand-Portfolio/launch.json b/Frontend/Portfolio's/Piyush-Anand-Portfolio/launch.json
@@ -0,0 +1,20 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+
+        {
+            "name": "(Windows) Launch",
+            "type": "cppvsdbg",
+            "request": "launch",
+            "program": "enter program name, for example ${workspaceFolder}/a.exe",
+            "args": [],
+            "stopAtEntry": false,
+            "cwd": "${workspaceFolder}",
+            "environment": [],
+            "externalConsole": false
+        }
+    ]
+}
diff --git a/Frontend/Portfolio's/Piyush-Anand-Portfolio/mypic.jpg b/Frontend/Portfolio's/Piyush-Anand-Portfolio/mypic.jpg