diff --git a/ArjunPatel.pdf b/ArjunPatel.pdf index f4f1825..3f8d291 100644 Binary files a/ArjunPatel.pdf and b/ArjunPatel.pdf differ diff --git a/index.html b/index.html index ae04218..76e3c1f 100644 --- a/index.html +++ b/index.html @@ -51,14 +51,13 @@ -

Profile

-

Hello World! I'm Arjun - designer and coder

+

I'm Arjun - designer and coder

@@ -67,7 +66,7 @@

About Me

Professional web-designing with responsive layouts is my expertise in the development world. However, my interests in other - disciplines such Android and hardware allows me to continue learning. I'm up for a coffee shop conversation anytime, so contact me below.

+ disciplines such back-end and Android drives me to continue learning. I'm up for a coffee shop chat anytime, so contact me below.

@@ -93,7 +92,7 @@
-
+ @@ -102,53 +101,40 @@
-
+
-

+

My Expertise

+
-
- -
+

- Linus Torvalds

-
- -
- - -
-

-
- -
- ★★★★★

★★★★☆

- ★★★☆☆

★★★★☆ -
- -
- ★★★☆☆

★★★★☆

- ★★★☆☆

★★★☆☆ -
- - -
-

-
- +
+
+
+ + + + + + + + +
+
+ +
@@ -203,29 +189,24 @@
-
+
-
- -

- phone -

-
- - + +
+
- +
@@ -239,16 +220,14 @@
-
+
- - -
+
- Arjun Patel - © + Arjun Patel
+ handmade by me © 2017
diff --git a/main.css b/main.css index c245aee..0e1fd8a 100644 --- a/main.css +++ b/main.css @@ -117,16 +117,10 @@ font.intro2 { - - -div.entireBG { - background-color: #eff0f2; -} div.profileContainer { background-color: white; height: auto; text-align: center; - background-color: #eff0f2; } p.profile { font-size: 50px; @@ -213,18 +207,15 @@ p.adtitle2{ div.skills { - height: auto; - overflow: hidden; font-family: 'Raleway', sans-serif; text-align: left; background-image: url(Images/dark_embroidery.png); - background-size: cntain; + position: relative; + color: white; } p.skillsBanner { margin-top:30px; - margin-bottom: 20px; - padding:5px; - color: white; + margin-bottom: 0; font-size: 50px; text-align: center; /* border-bottom: 1px solid #069ea0;*/ @@ -232,7 +223,6 @@ p.skillsBanner { p.skillsSummary { margin:0; text-align: center; - /*color: #cfeff0; */ color:#069ea0; font-size: 20px; font-style: italic; @@ -240,33 +230,26 @@ p.skillsSummary { } p.Linus { margin: 0; - margin-bottom: 50px; + margin-bottom: 60px; text-align: center; color: #cfeff0; font-style: italic; font-family: 'Raleway', sans-serif; } -p.professionalSide1 { - color: #cfeff0; - font-size: 20px; - text-align: right; +.skillListCont { + top: 50%; + left: 50%; + margin-right: -50%; + transform: translate(-50%, -50%); + position: absolute; + margin-bottom: 40px; } -p.professionalSide2 { - color: #cfeff0; - font-size: 20px; - text-align: left; +button.skillList { + padding: 0px 15px 0px 15px; + margin: 5px 5px 5px 5px; + background-color: transparent; + border: 1px solid white; } -div.professionalStars1 { - color: #069ea0; - font-size: 20px; - text-align: left; - margin-bottom: 20px; -} -div.profStars2 { - text-align: right; - margin-bottom: 100px; -} - @@ -274,14 +257,14 @@ div.profStars2 { div.parallax { margin:0; padding:0; - height: 700px; + height: 500px; width: 100%; position: relative; font-family: 'Bubbler One', sans-serif; overflow: hidden; } p.parallaxImg { - height: 100%; + height: 500px; width: 100%; position: absolute; background-image: url(Images/parallax.jpg); @@ -306,13 +289,15 @@ p.connect { - +div.entireBG { + background-color: #eff0f2; +} div.contactMe { background-color: #eff0f2; text-align: center; } div.iconsRow div.col-md-3 { - height: 400px; + height: 300px; } img.icons { height: 80px; @@ -327,60 +312,62 @@ img.icons:hover { height:85px; width:85px; } +div.goToTop { + height: 50px; +} +img.top { + height: 30px; + width: 30px; + margin: 20px 0px 20px 0px; +} + + +div.getStartedCont { + position: relative; + height: 50px; +} +div.getStarted { + height: 50px; + opacity: .75; + background-image: url(Images/phoneEmail.jpg); + background-size: cover; + border-radius: 15px; + top: 50%; + position: absolute; + left: 50%; + margin-right: -50%; + transform: translate(-50%, -50%); +} +.getStarted p { + color: white; + top: 50%; + position: absolute; + left: 50%; + margin-right: -50%; + transform: translate(-50%, -50%); + font-size: 20px; + font-family: 'Raleway', sans-serif; +} +div.form { + height: 100%; +} + + div.entireBGInfo { background-color: #3b3c3d; } div.contactInfo { background-color: #3b3c3d; + border: 1px solid green; + height: 100px; + position: relative; } -div.goToTop { - height: 50px; -} -img.top { - display: block; - height: 50px; - width: 50px; - margin: 0 auto; - margin-bottom: 10px; -} - div.info { font-family: 'Raleway', sans-serif; - text-align: right; + text-align: center; color: white; -} -div.phone { - height: 100px; - margin: 0 0 50px 0; - opacity: .75; - background-image: url(Images/phone.jpg); - border-radius: 10px 0 0 10px; -} -p.phoneText { - font-family: 'Raleway', sans-serif; - color:#069ea0; - font-size: 18px; - top: 50%; + height: 80px; position: absolute; - left: 50%; - margin-right: -50%; - transform: translate(-50%, -50%); -} -div.email { - height: 100px; - margin: 0 0 50px 0; - opacity: .75; - background-image: url(Images/phoneEmail.jpg); - border-radius: 0 10px 10px 0; -} -p.emailText { - font-family: 'Raleway', sans-serif; - color:#069ea0; - font-size: 18px; - top: 50%; - position: absolute; - left: 50%; - margin-right: -50%; - transform: translate(-50%, -50%); + bottom: 0; } diff --git a/mainJs.js b/mainJs.js index 8110d4b..5fe0e38 100644 --- a/mainJs.js +++ b/mainJs.js @@ -11,6 +11,16 @@ $(document).ready( function() { }); // end on doc ready +$('.getStarted').hover( function () { + $('#contact').css("color","black").fadeIn(); + $('.getStarted').css({"height":"50px","background-image":"url(Images/phone.jpg)"}).fadeIn(500); +}, +function () { + $('#contact').css("color","white").fadeIn(); + $('.getStarted').css({"height":"50px","background-image":"url(Images/phoneEmail.jpg)"}).fadeIn(500); +}); + + $(window).on("load",function() { $(".intro1").delay(800).fadeIn(400); @@ -39,39 +49,12 @@ $(window).on("load",function() { }).scroll(); //invoke scroll-handler on page-load - - - - $('.skillsBanner').typeIt({ - strings: ["System.out.println('Skills'):", "Skills"], - speed: 60, - breakLines: false, - autoStart: false - }); -/* - $('.allskills').typeIt({ - strings: ["1| if (language = html)", " 2|.....int level = 10", " 3| if (language = css)", " 4|.....int level = 9", " 5| if (language = javascript)", " 6|.....int level = 6", " 7| if (language = Java)", " 8|.....int level = 6", " 9| if (language = Android)", "10|.....int level = 9", "11| if (language = Node.js)", "12|.....int level = 4"], - speed: 10, - autoStart: false - }); */ $('.skillsSummary').typeIt({ strings: ["'Talks is cheap. Show me the code.'"], speed: 20, autoStart: false }); - $('.professionalSide1').typeIt({ - strings: ["HTML ", " ", "CSS ", " ", "Javascript ", " ", "JQuery"], - speed: 20, - autoStart: false - }); - - $('.professionalSide2').typeIt({ - strings: ["Java ", " ", "Android ", " ", "Node.js ", " ", "Arduino"], - speed: 20, - autoStart: false - }); - //icons fade others when hovering over one var elems = $('.icons'); elems.on('mouseenter mouseleave', function(e) { @@ -80,28 +63,4 @@ $(window).on("load",function() { -//phone div hover - $('.phone').hover( function() { - $(this).fadeTo( "medium", 1 ); - $('.phoneText').css("color", "black"); - $('.phoneText').html("(949)923-0445"); - }, function() { - $(this).fadeTo( "fast", .6 ); - $('.phoneText').css("color", "#069ea0"); - $('.phoneText').html("phone"); - }); - - -//email hover - $('.email').hover( function() { - $(this).fadeTo( "medium", 1 ); - $('.emailText').css("color", "white"); - $('.emailText').html("patel.arjun50@gmail.com"); - }, function() { - $(this).fadeTo( "fast", .6 ); - $('.emailText').css("color", "#069ea0"); - $('.emailText').html("email"); - }); - - }); // end on Window ready