contact.php

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <!--[if IE]>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <![endif]-->
    <title>Contact Us</title>
    <link href = "form/form.css" rel= "stylesheet" />
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
    <link href="assets/css/bootstrap.css" rel="stylesheet" />
    <link href="assets/css/ionicons.css" rel="stylesheet" />
    <link href="assets/js/source/jquery.fancybox.css" rel="stylesheet" />
    <link href="assets/css/style.css" rel="stylesheet" />
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
</head>
<body data-spy="scroll" data-target=".navbar-fixed-top">

    <div class="navbar navbar-default navbar-fixed-top scroll-me">
        <!-- pass scroll-me class above a tags to starts scrolling -->
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">
                    <img src="assets/img/logo.png"  alt=""/>
                </a>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="index.html">HOME</a></li>
                    <li><a href="services.html">SERVICES</a></li>
                    <li><a href="portfolio.html">PORTFOLIO</a></li>
                    <li><a href="about.html">ABOUT US</a></li>
                    <li><a href="contact.html">CONTACT</a></li>
                </ul>
            </div>

        </div>
    </div>
    <!-- NAVBAR END  -->
    <section id="services">
        <div class="container">
            <div class="row text-center">
                <div class="col-md-6 col-md-offset-3 pad-bottom" data-scroll-reveal="enter from the bottom after 0.2s">
                    <h1 font-size: ><strong>Contact Us</strong></h1>
                </div>


            </div>

        </div>
    </section>
<body>

  <form class="contentform" action="contactform.php" method="post">
	    <h1>In order for us to provide the best estimate, please be as detailed as possible:</h1>


    <div class="contentform">
    	<div id="sendmessage"> Your message has been sent successfully. Thank you. </div>


    	<div class="leftcontact">
			      <div class="form-group">
			        <p>Last Name<span>*</span></p>
			        <span class="icon-case"><i class="fa fa-male"></i></span>
				        <input type="text" name="lastname" id="lastname"/>
                <div class="validation"></div>
       </div>

            <div class="form-group">
            <p>First Name <span>*</span></p>
            <span class="icon-case"><i class="fa fa-user"></i></span>
				<input type="text" name="firstname" id="firstname"/>
                <div class="validation"></div>
			</div>

			<div class="form-group">
			<p>E-mail <span>*</span></p>
			<span class="icon-case"><i class="fa fa-envelope"></i></span>
                <input type="email" name="email" id="email"/>
                <div class="validation"></div>
			</div>

			<div class="form-group">
			<p>Company <span>*</span></p>
			<span class="icon-case"><i class="fa fa-briefcase"></i></span>
				<input type="text" name="company" id="company"/>
                <div class="validation"></div>
			</div>


	</div>

	<div class="rightcontact">

        <div class="form-group">
			<p>Company Website (Optional)</p>
			<span class="icon-case"><i class="fa fa-globe"></i></span>
				<input type="text" name="website" id="website"/>
                <div class="validation"></div>
			</div>

			<div class="form-group">
			<p>Budget <span>*</span></p>
			<span class="icon-case"><i class="fa fa-dollar-sign"></i></span>
				<input type="text" name="budget" id="budget"/>
                <div class="validation"></div>
			</div>


			<div class="form-group">
			<p>What can we provide for you? <span>*</span></p>
			<span class="icon-case"><i class="fa fa-comments"></i></span>
                <textarea name="message" rows="14"></textarea>
                <div class="validation"></div>
			</div>

	</div>


	</div>
<button type="submit" class="bouton-contact">Send</button>

</form>
<br>
    <div class="row text-center">
    <h3>For general questions, please E-Mail us: Contact@JTDevelopment.net</h3>
    </div>
        <br>
    <br>
</body>

    <!-- CONTACT SECTION END -->
    <footer>
        Developed by:   <a href="index.html" target="_blank">JT Development</a>
    </footer>


    <script src="assets/js/jquery-1.11.1.js"></script>

    <script src="assets/js/bootstrap.js"></script>

    <script src="assets/js/jquery.easing.min.js"></script>

    <script src="assets/js/source/jquery.fancybox.js"></script>

    <script src="assets/js/jquery.isotope.js"></script>

    <script src="assets/js/scrollReveal.js"></script>

    <script src="assets/js/custom.js"></script>

</body>

</html>