vinitshahdeo · Aviral-3 · Oct 23, 2021
diff --git a/template/Aviral_srivastava/0001.jpg b/template/Aviral_srivastava/0001.jpg
diff --git a/template/Aviral_srivastava/0002.jpg b/template/Aviral_srivastava/0002.jpg
diff --git a/template/Aviral_srivastava/0003.jpg b/template/Aviral_srivastava/0003.jpg
diff --git a/template/Aviral_srivastava/0004.jpg b/template/Aviral_srivastava/0004.jpg
diff --git a/template/Aviral_srivastava/0005.jpg b/template/Aviral_srivastava/0005.jpg
diff --git a/template/Aviral_srivastava/1.png b/template/Aviral_srivastava/1.png
diff --git a/template/Aviral_srivastava/11.png b/template/Aviral_srivastava/11.png
diff --git a/template/Aviral_srivastava/12.jpg b/template/Aviral_srivastava/12.jpg
diff --git a/template/Aviral_srivastava/4.png b/template/Aviral_srivastava/4.png
diff --git a/template/Aviral_srivastava/7.jpg b/template/Aviral_srivastava/7.jpg
diff --git a/template/Aviral_srivastava/Aviral Srivastava.css b/template/Aviral_srivastava/Aviral Srivastava.css
@@ -0,0 +1,42 @@
+*{   
+    margin: 10 auto;
+    margin-right: 30px;
+    margin-left: 30px;
+    padding: 10 auto;
+
+}
+
+.body{
+  background: rgb(34,193,195);
+background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(132,45,253,1) 100%);
+}
+.topnav {
+  background-color:none;
+  overflow: hidden ;
+}
+
+/* Style the links inside the navigation bar */
+.topnav a {
+  float: left;
+  display: block;
+  color: firebrick;
+  text-align: center;
+  padding: 14px 16px;
+  text-decoration: blink;
+  font-size: 20px;
+  border-bottom: 3px solid transparent;
+  margin-right: 0px;
+  border-radius: 0.5px;
+}
+
+.topnav a:hover {
+
+  border-bottom: 3px solid red;
+}
+
+.topnav a.active {
+  border-bottom: 3px solid red;
+  }
+\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
+
+
diff --git a/template/Aviral_srivastava/Contact.html b/template/Aviral_srivastava/Contact.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<meta http-equiv="content-type" content="text/html;charset=utf-8" />
+<head>
+<link rel="stylesheet" href="style1.css">
+<link rel="stylesheet" href="aviral.css">
+
+<link rel="canonical" href="me.html">
+<title>contacts</title>
+</head>
+<body style="background: seashell;">
+
+<div class="header">
+<a href="index.html" class="logo" style="color: green">Aviral Srivastava</a>
+</div>
+	<h1>MY LOCATION:</h1>
+<center>
+
+<div class="mapouter"><div class="gmap_canvas"><iframe class="gmap_iframe" width="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?width=620&amp;height=408&amp;hl=en&amp;q= Gorakhnath road, Gorakhpur, Uttar Pradesh, India&amp;t=&amp;z=11&amp;ie=UTF8&amp;iwloc=B&amp;output=embed"></iframe><a href="https://www.fridaynightfunkin.net/"></a></div><style>.mapouter{position:relative;text-align:right;width:100%;height:408px;}.gmap_canvas {overflow:hidden;background:none!important;width:100%;height:408px;}.gmap_iframe {height:408px!important;}</style></div>
+
+</center>
+
+<br>
+
+<br>
+
+<br>
+
+
+
+<form action="/action_page.php">
+ <fieldset>
+  <legend style="color:rgb(14, 13, 13)">Connect with me:</legend>
+  <center>
+  <label for="name"> Name:</label>
+  <input type="text" id="name" name="name" required=""><br><br>
+  <label for="email">Email:</label>
+  <input type="email" id="email" name="email" required=""><br><br>
+  <label for="text">Message:</label>
+  <input type="text" id="message" name="message" required="" width="200px;" height="300px;" ><br><br>
+  <input type="submit" value="Submit">
+  </center>
+ </fieldset>
+</form>
+<br>
+<br>
+<br>
+<hr>
+<CENTER><a href="https://instagram.com/aviral.srivastava_3?igshid=qam9nqiezr49"><img src="https://img.icons8.com/nolan/50/instagram-new.png" alt ="There was suppose to be an image " ></a><a href="https://www.facebook.com/aviral.srivastava.923"><img src="https://img.icons8.com/nolan/50/facebook-circled.png"alt ="There was suppose to be an image "></a><a href="https://twitter.com/Avira_l3?s=09"><img src="https://img.icons8.com/nolan/55/twitter-circled.png"alt ="There was suppose to be an image "></a><a href="https://www.linkedin.com/in/aviral-s-97396413a"><img src="https://img.icons8.com/nolan/50/linkedin-circled.png"alt ="There was suppose to be an image "></a><center><a href="https://github.com/Aviral12002"><img src="https://img.icons8.com/nolan/50/github.png"alt ="There was suppose to be an image " ></a><a href="mailto:aviralsrivastava994@gmail.com"><img src="https://img.icons8.com/nolan/50/gmail.png"alt ="There was suppose to be an image "></a><br style="font-style:rgb(20, 19, 19);"></center>
+</CENTER>
+
+
+
+</body>
+</html>
diff --git a/template/Aviral_srivastava/hellohand.png b/template/Aviral_srivastava/hellohand.png
diff --git a/template/Aviral_srivastava/hellopage.css b/template/Aviral_srivastava/hellopage.css
@@ -0,0 +1,36 @@
+*{
+  margin: 8% ;
+overflow: inherit;
+
+ position: static;
+}
+
+
+.card{
+background: rgba( 255, 255, 255, 0.5 );
+box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
+backdrop-filter: blur( 20px );
+-webkit-backdrop-filter: blur( 20px );
+border-radius: 10px;
+border: 1px solid rgba( 255, 255, 255, 0.18 );
+}
+
+
+img:hover {
+  animation: shake 0.5s;
+  animation-iteration-count: infinite;
+}
+
+@keyframes shake {
+  0% { transform: translate(1px, 1px) rotate(0deg); }
+  10% { transform: translate(-1px, -2px) rotate(-1deg); }
+  20% { transform: translate(-3px, 0px) rotate(1deg); }
+  30% { transform: translate(3px, 2px) rotate(0deg); }
+  40% { transform: translate(1px, -1px) rotate(1deg); }
+  50% { transform: translate(-1px, 2px) rotate(-1deg); }
+  60% { transform: translate(-3px, 1px) rotate(0deg); }
+  70% { transform: translate(3px, 1px) rotate(-1deg); }
+  80% { transform: translate(-1px, -1px) rotate(1deg); }
+  90% { transform: translate(1px, 2px) rotate(0deg); }
+  100% { transform: translate(1px, -2px) rotate(-1deg); }
+}
diff --git a/template/Aviral_srivastava/index.html b/template/Aviral_srivastava/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="Free Web tutorials">
+  <meta name="keywords" content=" VIT, Vellore Institute Of Technology, Aviral, Developer, HTML, CSS, JavaScript">
+  <meta name="author" content="Aviral Srivastava">
+<head>
+	<meta charset="utf-8">
+	<link rel="shortcut icon" href="11.png " >
+
+<link rel="stylesheet" type="text/css" href="hellopage.css">
+	<title>Aviral Srivastava</title>
+</head>
+<body style="background: steelblue;">
+	<div class="card">
+		<div align="left">
+             <img src="11.png" width="200vw" height="200vh"  align="right">
+             <br>
+		<h1 style="color: darkblue;" align="center">AVIRAL SRIVASTAVA</h1>
+              <h2>Hii There ! It's me Aviral.<br>
+              🖋️  VIT'24<br>
+              🕸️  Frontend Developer<br>
+              🧑‍💻  Coding Enthusiest<br>
+              ☕  Coffee Lover 
+                </h2>
+                <center><a href="me.html"><img src="hellohand.png" width="120vw" height="150vh"align="center"></a></center>
+         <center>Wave at me to Know More👋</center>
+		</div>
+
+
+</body>
+</html>