1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

Contact.html

Discussion in 'Web Development' started by KTdaMasterpiece, Jan 26, 2015.

  1. KTdaMasterpiece

    KTdaMasterpiece New Member

    can't get this to work, i have no other file to go with it need help on getting it to work properly, thanks in advance.

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <title>#</title>
    <meta charset="utf-8">
    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/responsive.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
    <link href='http://fonts.googleapis.com/css?family=Open Sans:400,300' rel='stylesheet' type='text/css'>
    <script src="js/jquery.js"></script>
    <script src="js/superfish.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <script src="js/forms.js"></script>
    <script>
    jQuery(window).load(function () {
    jQuery('.spinner').animate({
    'opacity': 0
    }, 1000, 'easeOutCubic', function () {
    jQuery(this).css('display', 'none')
    });
    });
    </script>
    <!--<![endif]-->
    <!--[if lt IE 9]>
    <script src="js/html5.js"></script>
    <link rel="stylesheet" href="css/docs.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
    <link href='http://fonts.googleapis.com/css?family=Open Sans:300' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open Sans:400' rel='stylesheet' type='text/css'>
    <![endif]-->
    </head>
    <body>
    <div class="spinner"></div>
    <header>
    <div class="container clearfix">
    <div class="row">
    <div class="span12">
    <div class="navbar navbar_">
    <div class="container">
    <h1 class="brand brand_"><a href="index.html"><img alt="" src="img/logo.gif"> </a></h1>
    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse_">Menu <span class="icon-bar"></span> </a>
    <div class="nav-collapse nav-collapse_ collapse">
    <ul class="nav sf-menu">
    <li><a href="index.html">Home</a></li>
    <li class="sub-menu"><a href="fashion.html">Fashion</a>
    <ul>
    <li><a href="#">#</a></li>
    <li><a href="#">#</a></li>
    <li><a href="#">#</a></li>
    </ul>
    </li>
    <li><a href="food.html">#</a></li>
    <li><a href="fitness.html">#</a></li>
    <li class="active"><a href="contact.html">Contact</a></li>
    </ul>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </header>
    <div class="bg-content">
    <div id="content">
    <div class="container">
    <div class="row">
    <article class="span8">
    <h3>Contact us</h3>
    <div class="inner-1">
    <form id="contact-form" action="#">
    <div class="success"> Contact form submitted! <strong>We will be in touch soon.</strong> </div>
    <fieldset>
    <div>
    <label class="name">
    <input type="text" value="Your name">
    <br>
    <span class="error">*This is not a valid name.</span> <span class="empty">*This field is required.</span> </label>
    </div>
    <div>
    <label class="phone">
    <input type="tel" value="Telephone">
    <br>
    <span class="error">*This is not a valid phone number.</span> <span class="empty">*This field is required.</span> </label>
    </div>
    <div>
    <label class="email">
    <input type="email" value="Email">
    <br>
    <span class="error">*This is not a valid email address.</span> <span class="empty">*This field is required.</span> </label>
    </div>
    <div>
    <label class="message">
    <textarea>If you are making a submission for qg magazine, simply add links to your photos in this message, Thank You</textarea>
    <br>
    <span class="error">*The message is too short.</span> <span class="empty">*This field is required.</span> </label>
    </div>
    <div class="buttons-wrapper"> <a class="btn btn-1" data-type="reset">Clear</a> <a class="btn btn-1" data-type="submit">Send</a></div>
    </fieldset>
    </form>
    </div>
    </article>
    <article class="span4">
    <h3>Contact info</h3>
    <div class="map">
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d423949.56370134256!2d-118.41878348118654!3d33.886924649124346!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80c2bf07045279bf:0xf67a9a6797bdfae4!2sHollywood, Los Angeles, CA!5e0!3m2!1sen!2sus!4v1422206659601" width="600" height="450" frameborder="0" style="border:0"></iframe>
    </div>
    <address class="address-1">
    <strong>#<br>
    Los Angeles, Ca<br>
    </strong>
    <div class="overflow"> <span>Freephone:</span>+1 800 555 5555<br>
    <span>Telephone:</span>+1 800 555 5555<br>
    <span>FAX:</span>+1 800 555 5555 <br>
    <span>E-mail:</span> <a href="#" class="mail-1">#</a><br>
    <span>Skype:</span> <a href="#" class="mail-1">@skypename</a></div>
    </address>
    </article>
    </div>
    </div>
    </div>
    </div>
    <footer>
    <div class="container clearfix">
    <ul class="list-social pull-right">
    <li><a class="icon-1" href="#"></a></li>
    <li><a class="icon-2" href="#"></a></li>
    <li><a class="icon-3" href="#"></a></li>
    <li><a class="icon-4" href="#"></a></li>
    </ul>
    <div class="privacy pull-left">Design by: <a href="#">#</a> </div>
    </div>
    </footer>
    <script src="js/bootstrap.js"></script>
    </body>
    </html>
     
    KTdaMasterpiece, Jan 26, 2015
    #1
  2. Larjoe

    Larjoe New Member

    Whats the problem? :)
     
    Larjoe, Apr 15, 2015
    #2