<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <div class="container"> <div class="row"><!-- row --> <h1>Contact:</h1> <h2>I must confess I'm a coffee lover, a Coffee?</h2> <h2>A conversation around Architecture? Ideas?</h2> </div> <div class="row"><!-- row --> <div class="postcard"> <!-- div class="inner-postcard-left" --> <div class="col-lg-1 col-md-4 col-sm-4 col-xs-6"></div> <div class="col-lg-5 col-md-4 col-sm-4 col-xs-6"> <h2>Drop me a message</h2> <form> <span>Your Name: <input name="name" type="text" placeholder="Your Name"></span><br> <span>Your Email: <input name="name" type="text" placeholder="Email Address"></span><br> <span>Message: <textarea name="message" placeholder="Your Message"></textarea></span><br> <!-- div class="g-recaptcha" data-sitekey="set_proper_key"></div --> <input name="send" type="button" value="send"> </form> </div> <!-- /div --><!-- inner-postcard-left --> <!--div class="inner-postcard-right" --> <div class="col-lg-5 col-md-4 col-sm-4 col-xs-6"> <!-- div class="thumbnail"> <p>please affix stamp here</p> </div--><!-- /.thumbnail --> <span>Probably you're thinking on a direct call, or Hangouts conversation...</span><br> <span>Email: jcopeteg@gmail.com</span><br> <span>Mobile: +34 639 954 832</span><br> <span>Mobile: +34 639 954 832</span><br> </div> <!-- /div --><!-- /.inner-postcard-right --> <div class="col-lg-1 col-md-4 col-sm-4 col-xs-6"></div> </div><!-- postcard --> </div><!--row--> </div> <script src="https://www.google.com/recaptcha/api.js" async defer></script>

h1,h2 { font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; } h1 { font-size: 22px; text-align: center; } h2 { margin: 0 0 15px 0; font-size: 14px; text-align: left; } .postcard { float: left; width: 618px; height: 336px; /*border: 1px solid #ccc;*/ margin: 20px 10px; } .inner-postcard-left { float: left; width: 268px; /*border-right: 1px solid #ccc;*/ margin: 40px 0 30px 30px; } .inner-postcard-right { float: right; width: 269px; margin: 40px 30px 30px 0; }