22< html >
33
44< head >
5- < title > </ title >
6- < style type ="text/css ">
7- body {
8- margin : 0 ;
9- padding : 0 ;
10- height : 100% ;
11- width : 100% ;
12- background-color : black;
13- }
14-
15- iframe {
16- overflow : hidden;
17- overflow-x : hidden;
18- overflow-y : hidden;
19- height : 100% ;
20- width : 100% ;
21- position : absolute;
22- top : 0px ;
23- left : 0px ;
24- right : 0px ;
25- bottom : 0px ;
26- margin-left : auto;
27- margin-right : auto;
28- }
29- </ style >
5+ < title > Programmer Gaurav | Gaurav Gupta | Contact | Web Developer</ title >
306 < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
317 < link rel ="icon " href ="img/icon.jpg ">
328 < link rel ="stylesheet " href ="css/bootstrap.min.css ">
3814</ head >
3915
4016< body >
17+ <!-- Cursor Starts -->
18+ < div class ="cursor "> </ div >
19+ <!-- Cursor Ends -->
4120 <!-- Loader screen -->
4221 < div class ="se-pre-con "> </ div >
4322 <!-- Loader Screen Ends -->
@@ -55,24 +34,50 @@ <h1 class="">ProgrammerGaurav</h1>
5534 </ a >
5635 < div class ="collapse navbar-collapse " id ="navbarSupportedContent ">
5736 < ul class ="navbar-nav ml-auto ">
58- < li class ="nav-item active ">
37+ < li class ="nav-item ">
5938 < a title ="Home Navigation " class ="nav-link " href ="/ "> Home</ a >
6039 </ li >
6140 < li class ="nav-item ">
62- < a title ="About Navigation " class ="nav-link " href ="#about "> About</ a >
41+ < a title ="About Navigation " class ="nav-link " href ="/ #about "> About</ a >
6342 </ li >
6443 < li class ="nav-item ">
65- < a title ="SKills Navigation " class ="nav-link " href ="#skills "> Skills</ a >
44+ < a title ="SKills Navigation " class ="nav-link " href ="/ #skills "> Skills</ a >
6645 </ li >
67- < li class ="nav-item ">
68- < a title ="Contact Navigation " class ="nav-link " href ="# "> Contact</ a >
46+ < li class ="nav-item active ">
47+ < a title ="Contact Navigation " class ="nav-link " href =""> Contact</ a >
6948 </ li >
7049 </ ul >
7150 </ div >
7251 </ nav >
7352 </ div >
7453 <!-- Navigation Bar Ends -->
75- < iframe src ="https://contactform-for-portfolio.herokuapp.com/contact " frameborder ="0 "> </ iframe >
54+ < section >
55+ < div class ="parallax " id ="home ">
56+ < div class ="container h-100 ">
57+ < div class ="row h-100 ">
58+ < div class ="col-11 col-md-4 m-auto card contact ">
59+ < form id ="contact ">
60+ < div class ="form-group ">
61+ < label for ="name "> Name</ label >
62+ < input type ="text " class ="form-control " id ="name " name ="name " required >
63+ </ div >
64+ < div class ="form-group ">
65+ < label for ="Messege "> Messege</ label >
66+ < textarea type ="email " class ="form-control " id ="messege " name ="messege "
67+ required > </ textarea >
68+ </ div >
69+ < button type ="submit " class ="btn "> Submit</ button >
70+ </ form >
71+ </ div >
72+ </ div >
73+ </ div >
74+ </ div >
75+ </ section >
76+ < section >
77+ < div class ="copyright fixed-bottom ">
78+ Gaurav Gupta ©2019
79+ </ div >
80+ </ section >
7681 < script src ="js/jquery.min.js "> </ script >
7782 < script src ="js/bootstrap.min.js "> </ script >
7883 < script src ="js/typed.min.js "> </ script >
0 commit comments