Created
October 12, 2016 22:05
-
-
Save tiagodealmeida/2d3667a7af7ec99261155361f6a94bdc to your computer and use it in GitHub Desktop.
HTML for task 2.4
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> | |
| <title>Home | Tiago de Almeida</title> | |
| <!-- Bootstrap core CSS --> | |
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> | |
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> | |
| <!-- Custom styles for this template go here --> | |
| <link rel="stylesheet" href="css/styles.css"> | |
| <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> | |
| <div id="fb-root"></div> | |
| <script>(function(d, s, id) { | |
| var js, fjs = d.getElementsByTagName(s)[0]; | |
| if (d.getElementById(id)) return; | |
| js = d.createElement(s); js.id = id; | |
| js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.8"; | |
| fjs.parentNode.insertBefore(js, fjs); | |
| }(document, 'script', 'facebook-jssdk'));</script> | |
| <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> | |
| <!--[if lt IE 9]> | |
| <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> | |
| <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> | |
| <![endif]--> | |
| </head> | |
| <body data-spy="scroll" data-target=".navbar"> | |
| <!-- Navbar Home Page --> | |
| <nav class="nav navbar navbar-inverse navbar-fixed-top" role="navigation"> | |
| <div class="container-fluid"> | |
| <div class="navbar-header"> | |
| <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> | |
| <span class="sr-only">Toggle navigation</span> | |
| <span class="icon-bar"></span> | |
| <span class="icon-bar"></span> | |
| <span class="icon-bar"></span> | |
| </button> | |
| <div class="myBrand navbar-brand"> | |
| <a href="index.html">TCA</a> | |
| </div><!-- /myBrand --> | |
| </div><!-- /navbar-header --> | |
| <div class="navbar-collapse collapse" aria-expanded="false" style="height: 1px"> | |
| <ul class="nav navbar-nav navbar-right"> | |
| <li class="active"><a href="#home">Home</a></li> | |
| <li role="presentation" class="dropdown"> | |
| <a class="dropdown-toggle" id="nav-dropdown-event" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Work<span class="caret"></span></a> | |
| <ul class="dropdown-menu" id="work-links"> | |
| <li class="drop-links"><a href="#work1" id="drop-link1">Current</a></li> | |
| <li class="drop-links"><a href="#work2" id="drop-link2">Previous</a></li> | |
| </ul> | |
| </li> | |
| <li><a href="#about">About</a></li> | |
| <li><a href="#faq">FAQ</a></li> | |
| <li><a href="#contact">Contact</a></li> | |
| </ul> | |
| </div><!-- /navbar-collapse --> | |
| </div><!-- /container-fluid --> | |
| </nav> | |
| <!-- End Of Navbar Home Page --> | |
| <!-- Home Page --> | |
| <div class="container-fluid anchor" id="home"> | |
| <!-- Carousel Home Page --> | |
| <div class="container-fluid"> | |
| <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> | |
| <!-- Indicators --> | |
| <ol class="carousel-indicators"> | |
| <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> | |
| <li data-target="#carousel-example-generic" data-slide-to="1"></li> | |
| <li data-target="#carousel-example-generic" data-slide-to="2"></li> | |
| <li data-target="#carousel-example-generic" data-slide-to="3"></li> | |
| </ol> | |
| <!-- Wrapper for slides --> | |
| <div class="carousel-inner" role="listbox"> | |
| <div class="item active"> | |
| <img src="img/portfolioheroimage4.jpg" alt="portfolioheroimage4"> | |
| <div class="carousel-caption"> | |
| <h2>Meeting and Brainstorm</h2> | |
| <p>The beginning of something great</p> | |
| </div><!-- /carousel-caption --> | |
| </div><!-- /item active --> | |
| <div class="item"> | |
| <img src="img/portfolioheroimage3.jpg" alt="portfolioheroimage3"> | |
| <div class="carousel-caption"> | |
| <h2>Planning and Drawboard</h2> | |
| <p>First design sketches</p> | |
| </div><!-- /carousel-caption --> | |
| </div><!-- /item --> | |
| <div class="item"> | |
| <img src="img/portfolioheroimage2.jpg" alt="portfolioheroimage2"> | |
| <div class="carousel-caption"> | |
| <h2>Development</h2> | |
| <p>Functionality and Looks</p> | |
| </div><!-- /carousel-caption --> | |
| </div><!-- /item --> | |
| <div class="item"> | |
| <img src="img/portfolioheroimage.jpg" alt="portfolioheroimage"> | |
| <div class="carousel-caption"> | |
| <h2>Your Website</h2> | |
| <p>Out in the world</p> | |
| </div><!-- /carousel-caption --> | |
| </div><!-- /item --> | |
| </div><!-- /container-fluid --> | |
| <!-- Controls --> | |
| <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> | |
| <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> | |
| <span class="sr-only">Previous</span> | |
| </a> | |
| <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> | |
| <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> | |
| <span class="sr-only">Next</span> | |
| </a> | |
| </div><!-- I don't know what this /div is closing but it messes up the carousel if deleted --> | |
| <!-- Content Home Page --> | |
| <div id="homeContent"> | |
| <h1>Tiago de Almeida. Webmaster.</h1> | |
| <p><strong>Serving all of your web development needs.</strong> <br>Let's create something great!</p> | |
| <!-- Three columns Home Page --> | |
| <!-- Example row of columns --> | |
| <div class="row"> | |
| <div class="col-md-4"> | |
| <h2>Portfolio Concept</h2> | |
| <p>My interest in <a href="#contact" title="More information" id="item1">Web Development</a> came from being in contact with developers while working in Online Marketing/SEO. <br>I want to use my previous experience to work on projects that not only look stylish but most of all are built from a solid backbone.</p> | |
| <a href="#home" title="More information" id="item1"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip on top">View details »</button></a> | |
| </div><!-- /col --> | |
| <div class="col-md-4"> | |
| <h2>Project Goals</h2> | |
| <p>I want to take this course as a full time occupation and commit 8 hours a day, 5 days a week. <br>As in a real life job, I understand that this might still involve some extra time, which I am willing to give when needed.</p> | |
| <a href="#about" title="More information" id="item1"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">View details »</button></a> | |
| </div><!-- /col --> | |
| <div class="col-md-4"> | |
| <h2>Course Goals</h2> | |
| <p>Online Marketing/SEO was my entry into the online world. As a developer, these skills will be very usefull. <br>A career change as a developer will allow me to have a more technical and hands-on approach to a website. <br>Upon ending the course, I’m looking to get hired as an entry level developer as soon as possible.</p> | |
| <a href="#contact" title="More information" id="item1"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">View details »</button></a> | |
| </div><!-- /col --> | |
| </div><!-- /row --> | |
| </div> <!-- /homeContent --> | |
| </div><!-- /container-fluid --> | |
| <!-- End of Home Page three columns --> | |
| </div><!-- /container-fluid home --> | |
| <!-- End of Home Page --> | |
| <!-- Work Page --> | |
| <div class="container-fluid anchor" id="work"> | |
| <!-- Columns Work Page --> | |
| <!-- Column 1 Work Page --> | |
| <div class="container-fluid"> | |
| <div class="row" id="work1"> | |
| <div class="col-md-3 col-xs-8"><a href="#contact"><img src="img/screenshot_future.jpg" alt="future projects" title="Get in touch" class="img-responsive"></a> | |
| <h4><a href="#contact" title="Get in touch" id="item1">Your next project featured here</a></h4> | |
| </div><!-- /col --> | |
| <div class="col-md-3 col-xs-8"><a href="#home"><img src="img/screenshot_portfolio.jpg" alt="portfolio" title="My portfolio" class="img-responsive"></a> | |
| <h4><a href="#home" title="My portfolio" id="item1">Concept / Design / Development / Content</a></h4> | |
| </div><!-- /col --> | |
| <div class="col-md-3 col-xs-8"><a href="http://www.wimdu.pt/"><img src="img/screenshot_wimdu.jpg" alt="wimdu pt" title="Check the project here" class="img-responsive"></a> | |
| <h4><a href="http://www.wimdu.pt/" title="Check the project here" id="item1">SEO / Content / Analytics</a></h4> | |
| </div><!-- /col --> | |
| <div class="col-md-3 col-xs-8" class="img-responsive"><a href="http://www.electronic-star.pt/"><img src="img/screenshot_electronicstar.jpg" alt="electronic start pt" title="Check the project here" class="img-responsive"></a> | |
| <h4><a href="http://www.electronic-star.pt/" title="Check the project here" id="item1">SEO / SEM / Affiliate / Content / Localisation / Analytics</a></h4> | |
| </div><!-- /col --> | |
| </div><!-- /row --> | |
| <!-- End of Column 1 Work Page --> | |
| <!-- Column 2 Work Page --> | |
| <div class="row" id="work2"> | |
| <div class="col-md-3 col-xs-8"><a href="https://www.facebook.com/PinspireBR"><img src="img/screenshot_pinspire.jpg" alt="pinspire" title="Check the project here" class="img-responsive"></a> | |
| <h4><a href="https://www.facebook.com/PinspireBR" title="Check the project here" id="item1">SEO / Content / Social Media</a></h4> | |
| </div><!-- /col --> | |
| <div class="col-md-3 col-xs-8"><a href="http://www.gpunk.de/icrates-app-magazine/"><img src="img/screenshot_icrates.jpg" alt="icrates" title="Check the project here" class="img-responsive"></a> | |
| <h4><a href="http://www.gpunk.de/icrates-app-magazine/" title="Check the project here" id="item1">Content</a></h4> | |
| </div><!-- /col --> | |
| <div class="col-md-3 col-xs-8"><a href="https://badmood-recordings.bandcamp.com/music"><img src="img/screenshot_badmood.jpg" alt="badmood recordings" title="Check the project here" class="img-responsive"></a> | |
| <h4><a href="https://badmood-recordings.bandcamp.com/music" title="Check the project here" id="item1">Management / Content / Social Media</a></h4> | |
| </div><!-- /col --> | |
| <div class="col-md-3 col-xs-8"><a href="http://takeasteptodub.blogspot.de/"><img src="img/screenshot_tsd.jpg" alt="take a step to dub" title="Check the project here" class="img-responsive"></a> | |
| <h4><a href="http://takeasteptodub.blogspot.de/" title="Check the project here" id="item1">Content</a></h4> | |
| </div><!-- /col --> | |
| </div><!-- /row --> | |
| </div><!-- /container-fluid --> | |
| <!-- End of Column 2 Work Page --> | |
| <!-- End of Columns Work Page --> | |
| </div><!-- /container-fluid work --> | |
| <!-- End of Work Page --> | |
| <!-- About Page --> | |
| <div class="container-fluid anchor" id="about"> | |
| <!-- Content About Page --> | |
| <!-- About Me About Page --> | |
| <div class="jumbotron header"> | |
| <div class="container"> | |
| <div data-stellar-background-ratio="0.5"> | |
| <div class="row" id="aboutme"> | |
| <div class="col-md-12 col-xs-12"> | |
| <h1>About Me</h1> | |
| </div><!-- /col --> | |
| <div class="row" id="image"> | |
| <div class="col-md-6 col-xs-12"> | |
| <img src="img/about_me4.jpg" alt="me" class="img-responsive"> | |
| </div><!-- /col --> | |
| <div class="col-md-6 col-xs-12"> | |
| <div class="video"> | |
| <div class="embed-responsive embed-responsive-16by9"> | |
| <iframe src="https://player.vimeo.com/video/6434925" width="auto" height="360" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> | |
| </div><!-- /embed --> | |
| </div><!-- /video --> | |
| </div><!-- /column --> | |
| </div><!-- /row --> | |
| </div> | |
| </div><!-- /container --> | |
| </div><!-- /jumbotron header --> | |
| <!-- End of About Me About Page --> | |
| <!-- Mini Text About Page --> | |
| <div class="container"> | |
| <div class="row" id="miniText"> | |
| <div class="col-md-12"> | |
| <p>Challenges inspire me. I have a passion for making ideas come to life and seeing how they take shape in the real world.</p> | |
| </div><!-- /col --> | |
| </div><!-- /row --> | |
| <!-- End of Mini Text About Page --> | |
| <!-- Services List About Page --> | |
| <div class="row" id="services"> | |
| <div class="col-md-6 col-xs-12"> | |
| <div class="services"> | |
| <h1>Services</h1> | |
| <ul class="list"> | |
| <li><p>Digital Design</p></li> | |
| <li><p>Content</p></li> | |
| <li><p>Localisation</p></li> | |
| <li><p>SEO/SEM</p></li> | |
| <li><p>Analytics</p></li> | |
| </ul> | |
| </div><!-- /services --> | |
| </div><!-- /col --> | |
| </div><!-- /row --> | |
| </div><!-- /container --> | |
| <!-- End of Services List About Page --> | |
| <!-- My Story About Page --> | |
| <div class="container" id="story"> | |
| <div class="row"> | |
| <div class="col-md-12"> | |
| <h1>My Story</h1> | |
| <p>I'm Tiago and I'm on my way to becoming a Web Developer. I want to work with exciting people to make functional and stylish websites. Since arriving in Berlin in 2011, I've been working in Online Marketing/SEO. This is where my interest in Web Development started to take shape. Before this I lived in London for 10 years, where I studied Sound Engineering. Music has always been a passion. I've also studied Film & Photography in my hometown of Porto in Portugal. Having such a diverse background is something I always use to my advantage.</p> | |
| </div><!-- /col --> | |
| </div><!-- /row --> | |
| </div><!-- /container --> | |
| <!-- End of My Story About Page --> | |
| <!-- End of Content About Page --> | |
| </div><!-- /container-fluid about --> | |
| <!-- End of About Page --> | |
| <!-- FAQ Page --> | |
| <div class="container-fluid anchor" id="faq"> | |
| <div> | |
| <h2 class="learn-more">Learn More</h2> | |
| <div class="modal-button"> | |
| <button class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-sm">View Resume/CV</button> | |
| </div><!-- /modal-button --> | |
| <div class="modal fade bs-example-modal-sm" tabindex="-1" aria-labelledby="mySmallModalLabel" aria-hidden="true"> | |
| <div class="modal-dialog modal-lg"> | |
| <div class="modal-content"> | |
| <div class="modal-header"> | |
| <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> | |
| <h4 class="modal-title" id="myModalLabel">Resume</h4> | |
| </div><!-- /modal-header --> | |
| <div class="modal-body"> | |
| <embed id="modalembed" src="img/resume.pdf"> | |
| </div><!-- /modal-body --> | |
| </div><!-- /modal-content --> | |
| </div><!-- /modal-dialog --> | |
| </div><!-- /modal --> | |
| </div> | |
| <!-- Accordion FAQ Page --> | |
| <div class="container"> | |
| <div class="panel-group" id="accordion"> | |
| <div class="panel panel-default"> | |
| <div class="panel-heading"> | |
| <h4 class="panel-title"> | |
| <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><span class="glyphicon glyphicon-menu-right"></span> | |
| Why did you decide to become a web developer? | |
| </a> | |
| </h4> | |
| </div><!-- /panel-heading --> | |
| <div id="collapseOne" class="panel-collapse collapse in"> | |
| <div class="panel-body"> | |
| My interest in Web Development came from being in contact with developers while working in Online Marketing/SEO.<br> | |
| I want to use my previous experience to work on projects that not only look stylish but most of all are built from a solid backbone. | |
| </div><!-- /panel-body --> | |
| </div><!-- /collapseOne --> | |
| </div><!-- /panel --> | |
| <div class="panel panel-default"> | |
| <div class="panel-heading"> | |
| <h4 class="panel-title"> | |
| <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"><span class="glyphicon glyphicon-menu-right"></span> | |
| What is your design process? | |
| </a> | |
| </h4> | |
| </div><!-- /panel-heading --> | |
| <div id="collapseTwo" class="panel-collapse collapse"> | |
| <div class="panel-body"> | |
| Everything comes from that first spark of an idea, that first line on paper.<br> | |
| From then on, it's the unknown.<br> | |
| Expect the unexpected. | |
| </div><!-- /panel-body --> | |
| </div><!-- /collapseTwo --> | |
| </div><!-- /panel --> | |
| <div class="panel panel-default"> | |
| <div class="panel-heading"> | |
| <h4 class="panel-title"> | |
| <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"><span class="glyphicon glyphicon-menu-right"></span> | |
| Who are your clients? | |
| </a> | |
| </h4> | |
| </div><!-- /panel-heading --> | |
| <div id="collapseThree" class="panel-collapse collapse"> | |
| <div class="panel-body"> | |
| My past clients include Wimdu, Electronic Star, Rocket Internet, iCrates, Badmood Recordings and TSD Blog.<br> | |
| Let's add your project to the top of this list! | |
| </div><!-- /panel-body --> | |
| </div><!-- /collapseThree --> | |
| </div><!-- /panel --> | |
| <div class="panel panel-default"> | |
| <div class="panel-heading"> | |
| <h4 class="panel-title"> | |
| <a data-toggle="collapse" data-parent="#accordion" id="faq" href="#collapseFour"><span class="glyphicon glyphicon-menu-right"></span> | |
| What is your average project turnaround? | |
| </a> | |
| </h4> | |
| </div><!-- /panel-heading --> | |
| <div id="collapseFour" class="panel-collapse collapse"> | |
| <div class="panel-body"> | |
| Surely within your time frame, but also not until we're both happy with the final product. | |
| </div><!-- /panel-body --> | |
| </div><!-- /collapseFour --> | |
| </div><!-- /panel --> | |
| <div class="panel panel-default"> | |
| <div class="panel-heading"> | |
| <h4 class="panel-title"> | |
| <a data-toggle="collapse" data-parent="#accordion" href="#collapseFive"><span class="glyphicon glyphicon-menu-right"></span> | |
| This will be my fifth question? | |
| </a> | |
| </h4> | |
| </div><!-- /panel-heading --> | |
| <div id="collapseFive" class="panel-collapse collapse"> | |
| <div class="panel-body"> | |
| And here will be the answer to my fifth question. | |
| </div><!-- /panel-body --> | |
| </div><!-- /collapseFive --> | |
| </div><!-- /panel --> | |
| </div><!-- /panel-group --> | |
| </div><!-- /container --> | |
| <!-- End of Accordion FAQ Page --> | |
| </div><!-- /container-fluid faq --> | |
| <!-- End of FAQ Page --> | |
| <!-- Contact Page --> | |
| <div class="container-fluid anchor" id="contact"> | |
| <!-- Content Contact Page --> | |
| <!-- Name / email / text Contact Page --> | |
| <div class="container"> | |
| <div class="row" id="contact1"> | |
| <div class="col-md-6 col-xs-12"> | |
| <div class="nameMail"> | |
| <h1>Tiago de Almeida</h1> | |
| <p><span class="glyphicon glyphicon-send"></span> [email protected]</p> | |
| </div><!-- /nameMail --> | |
| </div><!-- /col --> | |
| <div class="col-xs-12"> | |
| <div class="text1"> | |
| <p>Get in touch to talk about your projects and your vision.</p> | |
| <p>For bigger projects I can gather a team to fulfill the needs of your project.</p> | |
| <p>If you're in Berlin or passing by, come say hello. Let's create something great!</p> | |
| </div><!-- /text1 --> | |
| </div><!-- /col --> | |
| </div><!-- /row --> | |
| <!-- End of Name / email / Text Contact Page --> | |
| <!-- Address / Phone Number / Map Contact Page --> | |
| <div class="row" id="contact2"> | |
| <div class="col-md-6 col-xs-12"> | |
| <div class="address"> | |
| <p><span class="glyphicon glyphicon-map-marker"></span> Buerostrasse 100</p> | |
| <p>10345 Berlin, Germany</p> | |
| </div><!-- /address --> | |
| </div><!-- /col --> | |
| <div class="col-xs-12"> | |
| <div class="phone"> | |
| <p><span class="glyphicon glyphicon-phone"></span> +49 (0)30 123 456 78</p> | |
| </div><!-- /phone --> | |
| </div><!-- /col --> | |
| <div class="col-xs-12"> | |
| <div id="map"> | |
| <img src="img/contact_map.png" alt="map" class="img-responsive"> | |
| </div><!-- /map --> | |
| </div><!-- /col --> | |
| </div><!-- /row --> | |
| <!-- End of Address / Phone Number / Map Contact Page --> | |
| <!-- Contact Form Contact Page --> | |
| <div class="row" id="contact3"> | |
| <div class="col-xs-12"> | |
| <div class="text2"> | |
| <h4>Use the email address or this contact form</h4> | |
| </div><!-- /text2 --> | |
| </div><!-- /col --> | |
| </div><!-- /row --> | |
| <div class="row"> | |
| <form class="form-inline"> | |
| <div class="form-group"> | |
| <label for="name"><span class="glyphicon glyphicon-user"></span></label> | |
| <input type="text" class="form-group" placeholder="your name here" id="name"> | |
| </div><!-- /form-group --> | |
| <div class="form-group"> | |
| <label for="phone"><span class="glyphicon glyphicon-phone"></span></label> | |
| <input type="tel" name="usrtel" class="form-group" placeholder="your number here" id="phone"> | |
| </div><!-- /form-group --> | |
| </div><!-- /row --> | |
| <div class="row"> | |
| <div class="form-group"> | |
| <label for="email" title="required field"><span class="glyphicon glyphicon-send"></span> <em>*</em></label> | |
| <input type="email" class="form-control" placeholder="your email here" id="email" required="required" minlength="5"> | |
| </div><!-- /form-group --> | |
| <div class="form-group"> | |
| <label for="message-box" title="required field"><span class="glyphicon glyphicon-pencil"></span> <em>*</em></label> | |
| <textarea style="resize:none" cols="40" rows="1" placeholder="your message here" class="form-control" id="message-box" required="required" minlength="10"></textarea> | |
| </div><!-- /form-group --> | |
| <div class="radio"> | |
| <label> | |
| <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>yes please, sign me up to the mailing list | |
| </label> | |
| </div><!-- /radio --> | |
| <div class="radio"> | |
| <label> | |
| <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">no thanks, i don't want to be on the mailing list | |
| </label> | |
| </div><!-- /radio --> | |
| <button type="submit" class="btn btn-default" id="submitButton">Submit</button> | |
| </form> | |
| </div><!-- /row --> | |
| <!-- End of Contact Form Contact Page --> | |
| <!-- Footer Contact Page --> | |
| <footer> | |
| <a href="https://twitter.com/tiago_d_almeida" class="twitter-follow-button" data-show-screen-name="false" data-lang="en" data-show-count="false">Follow @tiago_d_almeida</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> | |
| <div class="fb-share-button" data-href="https://www.facebook.com/tiagocdealmeida" data-layout="button" data-size="small" data-mobile-iframe="true"> | |
| <a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.facebook.com%2Ftiagocdealmeida&src=sdkpreparse">Share</a> | |
| </div> | |
| <p id="pageCopyright">© TCA 2016</p> | |
| </footer> | |
| </div><!-- /container-fluid --> | |
| </div><!-- /jumbotron --> | |
| <!-- End of Footer Contact Page --> | |
| <!-- End of Content Contact Page --> | |
| </div><!-- /container-fluid contact --> | |
| <!-- End of Contact Page --> | |
| <!-- Contact Form Contact Page --> | |
| <!-- End of Contact Form Contact Page --> | |
| <!-- ============================= --> | |
| <!-- All your JavaScript comes now --> | |
| <!-- ============================= --> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
| <!-- Bootstrap core JS --> | |
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> | |
| <!-- Can place script tags with JavaScript files here --> | |
| <script> | |
| $(function () { | |
| $('#[item1]').tooltip(); | |
| }); | |
| </script> | |
| <script> | |
| $(function () { | |
| $('[data-toggle="tooltip"]').tooltip(); | |
| }); | |
| </script> | |
| <script src="js/jquery.stellar.min.js"></script> | |
| <script type="text/javascript"> | |
| $.stellar(); | |
| </script> | |
| <script type="text/javascript"> | |
| var $root = $('html, body'); | |
| $('.navbar-nav a').click(function() { | |
| var href = $.attr(this, 'href'); | |
| $root.animate({ | |
| scrollTop: $(href).offset().top | |
| }, 500, function () { | |
| window.location.hash = href; | |
| }); | |
| return false; | |
| }); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment