diff --git a/template/Aviral_srivastava/0001.jpg b/template/Aviral_srivastava/0001.jpg new file mode 100644 index 0000000..7ca8663 Binary files /dev/null and b/template/Aviral_srivastava/0001.jpg differ diff --git a/template/Aviral_srivastava/0002.jpg b/template/Aviral_srivastava/0002.jpg new file mode 100644 index 0000000..9d567cf Binary files /dev/null and b/template/Aviral_srivastava/0002.jpg differ diff --git a/template/Aviral_srivastava/0003.jpg b/template/Aviral_srivastava/0003.jpg new file mode 100644 index 0000000..d4077f5 Binary files /dev/null and b/template/Aviral_srivastava/0003.jpg differ diff --git a/template/Aviral_srivastava/0004.jpg b/template/Aviral_srivastava/0004.jpg new file mode 100644 index 0000000..5eae935 Binary files /dev/null and b/template/Aviral_srivastava/0004.jpg differ diff --git a/template/Aviral_srivastava/0005.jpg b/template/Aviral_srivastava/0005.jpg new file mode 100644 index 0000000..ecd5482 Binary files /dev/null and b/template/Aviral_srivastava/0005.jpg differ diff --git a/template/Aviral_srivastava/1.png b/template/Aviral_srivastava/1.png new file mode 100644 index 0000000..fac8ca4 Binary files /dev/null and b/template/Aviral_srivastava/1.png differ diff --git a/template/Aviral_srivastava/11.png b/template/Aviral_srivastava/11.png new file mode 100644 index 0000000..b067097 Binary files /dev/null and b/template/Aviral_srivastava/11.png differ diff --git a/template/Aviral_srivastava/12.jpg b/template/Aviral_srivastava/12.jpg new file mode 100644 index 0000000..04bd9c9 Binary files /dev/null and b/template/Aviral_srivastava/12.jpg differ diff --git a/template/Aviral_srivastava/4.png b/template/Aviral_srivastava/4.png new file mode 100644 index 0000000..d3fd9b2 Binary files /dev/null and b/template/Aviral_srivastava/4.png differ diff --git a/template/Aviral_srivastava/7.jpg b/template/Aviral_srivastava/7.jpg new file mode 100644 index 0000000..70520e9 Binary files /dev/null and b/template/Aviral_srivastava/7.jpg differ diff --git a/template/Aviral_srivastava/Aviral Srivastava.css b/template/Aviral_srivastava/Aviral Srivastava.css new file mode 100644 index 0000000..bdca207 --- /dev/null +++ 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; + } +\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ + + \ No newline at end of file diff --git a/template/Aviral_srivastava/Contact.html b/template/Aviral_srivastava/Contact.html new file mode 100644 index 0000000..0eeeeda --- /dev/null +++ b/template/Aviral_srivastava/Contact.html @@ -0,0 +1,55 @@ + + + + + + + + +contacts + + + +
+ +
+

MY LOCATION:

+
+ +
+ +
+ +
+ +
+ +
+ + + +
+
+ Connect with me: +
+ +

+ +

+ +

+ +
+
+
+
+
+
+
+
There was suppose to be an image There was suppose to be an image There was suppose to be an image There was suppose to be an image
There was suppose to be an image There was suppose to be an image
+
+ + + + + diff --git a/template/Aviral_srivastava/hellohand.png b/template/Aviral_srivastava/hellohand.png new file mode 100644 index 0000000..ebdf3bc Binary files /dev/null and b/template/Aviral_srivastava/hellohand.png differ diff --git a/template/Aviral_srivastava/hellopage.css b/template/Aviral_srivastava/hellopage.css new file mode 100644 index 0000000..afea433 --- /dev/null +++ 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); } +} \ No newline at end of file diff --git a/template/Aviral_srivastava/index.html b/template/Aviral_srivastava/index.html new file mode 100644 index 0000000..1b2bf47 --- /dev/null +++ b/template/Aviral_srivastava/index.html @@ -0,0 +1,32 @@ + + + + + + + + + + + + Aviral Srivastava + + +
+
+ +
+

AVIRAL SRIVASTAVA

+

Hii There ! It's me Aviral.
+ 🖋️ VIT'24
+ 🕸️ Frontend Developer
+ 🧑‍💻 Coding Enthusiest
+ ☕ Coffee Lover +

+
+
Wave at me to Know More👋
+
+ + + + \ No newline at end of file diff --git a/template/Aviral_srivastava/me.html b/template/Aviral_srivastava/me.html new file mode 100644 index 0000000..46ee35b --- /dev/null +++ b/template/Aviral_srivastava/me.html @@ -0,0 +1,285 @@ + + + + + + + + + + + + + + Aviralsrivastava|Home + + +
+
+
+ +
+
+ Home + Resume + Blog + + Contacts + + +
+
+ + + + + + +

AVIRAL SRIVASTAVA

+ +
+ +
+ +
+ + + +
+
+ +

Hi There! My name is Aviral Srivastava.
A Sophomore at Vellore Institute of Technology (VIT) Bhopal, seeking a Bachelors in Computer Science and Engineering. I have a strong passion for competitive programming. I aspire to be enthusiastic,always curious and willing to learn new skills. Highly adaptable and excited about solving problems. I have a strong passion for competitive programming and love learning about new technologies. I am a web developer with both deep technical knowledge and artistic sensibility. I believe ,simplicity, and collaboration.

+
+ + + + +
+
+ + + +
+
+
+
+

Languages and Tools:

+
+
+ + +

cplusplus css3 html5 python react

+
+
+ + + + + + + + + + +

INTERNSHIPS

+ +
+ + CvDragon - Digital Marketing Intern +

Campus Ambassador Program aims to increase awareness about the importance of expert online resume builder, cvDragon. +It focuses on promoting professionalism in writing a suitable CV that in turn raises the chance of getting hired for their dream job and increasing the user base for the company.

+ + + + + + + + + + + + + + +
+
+CollegeDunia - Campus Ambassador +

Assist in the collection of reviews +You would be collecting legitimate reviews meticulously on your college from your friends, classmates, other students and staff through campusurvey. +Provide information +Sharing admission details, campus pictures, detailing student organizations and their formations, discussing various curricular and co-curricular activities of your college +Bring in reviews

+ + + +
+
+Pidgin- Campus Ambassador +

Learnt through the descriptive E-Learning Sessions and applied the digital marketing agendas on to a real time client MOSAIC, a streaming service. +Day to day role: +-Generate Leads +-Follow up on those leads +-Get more traffic to website and social media handles.

+ + + + + + +
+

+ +
+
+
+ +
+ + + + +
+ +
+
+
+ +

GIT HUB STATS

+

Languages and Tools:

+
+
+

cplusplus css3 html5 python react

+
+
+

aviral-3

+ +

 aviral-3

+ +

aviral-3

+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + +
+ +

Connect with me

+
There was suppose to be an image There was suppose to be an image There was suppose to be an image There was suppose to be an image
There was suppose to be an image There was suppose to be an image
+
+ +
+ + diff --git a/template/Aviral_srivastava/style.css b/template/Aviral_srivastava/style.css new file mode 100644 index 0000000..a728ea1 --- /dev/null +++ b/template/Aviral_srivastava/style.css @@ -0,0 +1,181 @@ +*{ + margin: 10%; + padding: 100%; +} +body{ + background-color:white; + margin-left: 200px ; + margin-right: 200px; + overflow: initial; + position: relative; + overflow-wrap: all; +} +nav{ + + padding-left: 0px; + margin-left: 10px; + width:100%; + height:90%; + background-color:; + text-align: left; + margin: 0px; + + +} +body{ + border: inherit; + background-color: #eee; + justify-content: center; + +} + +p{ + margin: 5%0; +} +ul{ + +margin-right: : 60px; + +} + +h1{ +text-decoration:blink; +font-family: helevetica; +font-size: xx-large; +font-family: Arial, Helvetica, sans-serif; + + +} +ol{ +margin-left: 10px; + +font-size: x-large; +} +ul li{ +list-style: circle; +display: inline-grid; +line-height: 25px; +padding-top: 10px; + animation-name:unset; +} + +ul li:hover{ + color: red; +} + +ul li a { + display: block; +text-decoration: none; +font-size: 14px; +font-family: arial; +color: green; +padding: 0 10px; + + +} +ul li a:hover { + color: red; + + +} +.header { + overflow: hidden; + background-color: #f1f1f1; + padding: 20px 10px; +} + +/* Style the header links */ +.header a { + float: left; + color: black; + text-align: center; + padding: 12px; + text-decoration: none; + font-size: 18px; + line-height: 25px; + border-radius: 4px; +} + +/* Style the logo link (notice that we set the same value of line-height and font-size to prevent the header to increase when the font gets bigger */ +.header a.logo { + font-size: 25px; + font-weight: bold; +} + +/* Change the background color on mouse-over */ +.header a:hover { + background-color: #ddd; + color: black; +} + +/* Style the active/current link*/ +.header a.active { + background-color: dodgerblue; + color: white; +} + +/* Float the link section to the right */ +.header-right { + float: right; +} + +/* Add media queries for responsiveness - when the screen is 500px wide or less, stack the links on top of each other */ +@media screen and (max-width: 500px) { + .header a { + float:none; + display: block; + text-align: left; + } + .header-right { + float: none; + } +} + ul li a { + text-decoration: none; + font-size: 20px; + font-weight: bold; + color: green; + position: relative; + margin-left: 0px; + + } + + ul li a::before { + content: ""; + width: 0px; + height: 10px; + background: black; + position: absolute; + top: 100%; + left: 0; + transition: .5s; + } + + ul li a:hover::before { + width: 50%; + transform: translateX(100%); + } + ul li a:hover { + color: red; + + +} + + + +.badge-base LI-profile-badge{ + padding: 20px 10px; +} + diff --git a/template/Aviral_srivastava/style1.css b/template/Aviral_srivastava/style1.css new file mode 100644 index 0000000..95a1e4c --- /dev/null +++ b/template/Aviral_srivastava/style1.css @@ -0,0 +1,187 @@ +*{ + margin: 10; + padding: 100; +} +body{ + background-color:white; + margin-left: 200px; + margin-right: 200px; +} +nav{ + + padding-left: 0px; + margin-left: 10px; + width:100%; + height:90%; + background-color:; + text-align: left; + margin: 0px; + + +} +body{ + border: inherit; + background-color: #eee; + justify-content: center; + +} + +p{ + margin: 10px; +} +ul{ + +margin-right: : 60px; + +} + +h1{ +text-decoration:blink; +font-family: helevetica; +font-size: xx-large; +font-family: Arial, Helvetica, sans-serif; + + +} +ol{ +margin-left: 10px; + +font-size: x-large; + + +} + + +ul li{ +list-style: circle; +display: inline-grid; +line-height: 25px; +padding-top: 10px; + animation-name:unset; +} + +ul li:hover{ + color: red; +} + + +ul li a { + display: block; +text-decoration: none; +font-size: 14px; +font-family: arial; +color: green; +padding: 0 10px; + + +} +ul li a:hover { + color: red; + + +} +.header { + overflow: hidden; + background-color: #f1f1f1; + padding: 20px 10px; +} + +/* Style the header links */ +.header a { + float: left; + color: black; + text-align: center; + padding: 12px; + text-decoration: none; + font-size: 18px; + line-height: 25px; + border-radius: 4px; +} + +/* Style the logo link (notice that we set the same value of line-height and font-size to prevent the header to increase when the font gets bigger */ +.header a.logo { + font-size: 25px; + font-weight: bold; +} + +/* Change the background color on mouse-over */ +.header a:hover { + background-color: #ddd; + color: black; +} + +/* Style the active/current link*/ +.header a.active { + background-color: dodgerblue; + color: white; +} + +/* Float the link section to the right */ +.header-right { + float: right; +} + +/* Add media queries for responsiveness - when the screen is 500px wide or less, stack the links on top of each other */ +@media screen and (max-width: 500px) { + .header a { + float: none; + display: block; + text-align: left; + } + .header-right { + float: none; + } +} + + + + + + ul li a { + text-decoration: none; + font-size: 20px; + font-weight: bold; + color: green; + position: relative; + margin-left: 0px; + + } + + ul li a::before { + content: ""; + width: 0px; + height: 10px; + background: black; + position: absolute; + top: 100%; + left: 0; + transition: .5s; + } + + ul li a:hover::before { + width: 50%; + transform: translateX(100%); + } + ul li a:hover { + color: red; + + +} + + + + + +