diff --git a/PORTFOLIO/Vignesh_G/index.html b/PORTFOLIO/Vignesh_G/index.html new file mode 100644 index 0000000..21d650b --- /dev/null +++ b/PORTFOLIO/Vignesh_G/index.html @@ -0,0 +1,257 @@ + + + + + + + + Vignesh G + + + + + + + + + + + + + + + +
 
+ + + +
+
+ 20200125-202640-Edited
+ +
+
+

“ Fitness is not a destination, Its a way of life . . ! ”

+
+ +
+

Vignesh G

+
+
+

Front-End Web Developer |  Efficient Learner |  Graduate in Aeronautical Engineering |

+
+
+
+
+ +
+ + + +

“Hello, I am a self-taught web developer with proficiency in HTML, CSS and JavaScript with knowledge in front-end frameworks like Bootstrap, jQuery and continuing to learn Full Stack Web Development. Stepping out from graduation field and learning to code is really interesting and challenging. Besides of coding, I am a fitness lover and encourage home fitness. Here goes some of my interests: Photography notably macro clicks, Photo editing, Logo design, Creating fitness and health awarness.”

+ +
 
+ + + +
+

Top three instructors for learning to code (in my view):

+ +
+
+ Andrie-instructor +
+
Andrei Neagoie
+

Senior Software Developer turned Instructor.

+ Visit +
+
+ +
+ Rob-instructor +
+
Rob Percival
+

Web Developer And Teacher.
 

+ Visit +
+
+ +
+ Andy-instructor +
+
Andy Sterkowitz
+

Self-Taught Software Developer, YouTuber.

+ Visit +
+
+
+ +
+ +
 
+ + + +
+ +
+
+

Helping Hands

+

Thank you helpers. There is no greater beauty than that of the mind that runs to help.

+
+
+ + Helping-hand1 + + + + Helping-hand2 + + Helping-hand3 +
+ +
+ + +
+ +
 
+ + + +
+ projector +

Projects

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

website by Vignesh.G

+ +
+
+
github-icon + + facebook-icon + twitter-icon
+
+

Icons by: Icons8

+
+
+ +
+ + + + + + + + + + + diff --git a/PORTFOLIO/Vignesh_G/style.css b/PORTFOLIO/Vignesh_G/style.css new file mode 100644 index 0000000..eaf2912 --- /dev/null +++ b/PORTFOLIO/Vignesh_G/style.css @@ -0,0 +1,205 @@ + html { + min-height: 100%; + overflow-y: scroll; + scroll-behavior: smooth; + } + + body { + min-height: 100%; + + } + + /*Navbar*/ + + .navbarcolor { + background-color: #495c73; + } + + /*Photosection*/ + + .jumbotronmod { + background: none; + } + + .mypic { + margin-top: -24px; + margin-bottom: -24px; + margin-left: -25px; + } + + .fit_quote { + font-family: 'Courgette', cursive; + } + + .myname { + font-family: 'Roboto', sans-serif; + } + + .nameline { + border: 0.0001em solid black; + width: 97%; + } + + .myskills { + font-family: 'Roboto', sans-serif; + } + +/*Content*/ + + .content_text { + font-family: 'Inter', sans-serif; + } + + .doublequotes { + font-family: 'Domine', serif; + } + +/*Instructors*/ + .heading_text { + font-family: 'Rowdies', cursive; + } + + .jumbotron_instructors { + width: 950px; + height: 495px; + } + +/*Helping_hands*/ + .helping_hands { + height: 350px; + } + + .sep { + margin-bottom: 25px; + } + + .jumbotron_helpinghands { + height: 280px; + width: 100%; + background-size: 100% 100%; + color: snow; + box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.1); + } + + .jumbotron_helpinghands img { + transition: all .6s; + } + + .jumbotron_helpinghands img:hover { + transform: scale(1.2); + } + + + .helping_hands { + background-image: url(https://i.ibb.co/MVkMGxp/helping-hand.jpg); + background-size: contain; + background-repeat: no-repeat; + height: 315px; + width: 610px; + margin: 0 auto; + margin-top: -80px; + border-radius: 4px; + } + + .helping_tint { + background-color: rgba(0, 0, 0, 0.5); + + top: 0; + left: 0; + width: 610; + height: 159px; + border-radius: 4px; + } + + .helping_handsimg1 { + width: 125px; + height: 125px; + border-radius: 100%; + } + + .helping_handsimg2 { + width: 120px; + height: 120px; + } + + .helping_handsimg3 { + width: 190px; + height: 80px; + } + +/*Projects*/ + .project_bar { + width: 700px; + height: 500px; + margin: auto; + background-color: black; + } + + .project_img { + height: 80px; + width: 80px; + margin-left: 10px; + } + + .carousel { + overflow: hidden; + + } + + .carousel-item img { + width: 700px; + height: 500px; + } + + +/*Get_in_touch*/ + + .jumbotron_bottom { + height: 240px; + padding-top: 0; + padding-bottom: 0; + margin-bottom: 0; + } + + .phone { + width: 26px; + height: 30px; + } + + .mail { + width: 20px; + height: 22px; + margin-left: 5px; + } + + .location { + margin-top: -5px; + width: 30px; + height: 25px; + } + + .icons img { + margin-top: 20px; + margin-right: 10px; + transition: all .3s; + } + + .icons img:hover { + transform: scale(1.1); + } + + + #contact { + border-top: 1px solid white; + + transition: all 0.5s; + } + + #contact:target { + border-top: 8px solid RGBA(255, 149, 0, 1); + border-bottom: 8px solid RGBA(0, 196, 0, 0.85); + } + + .contact_text { + font-family: 'Mulish', sans-serif; + }