I've been using a template that I found online so I don't know if this makes a difference. In any case here's the code. <!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> <head> <meta charset="utf-8"> <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]--> <title>GHOST Creative Website</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta name="viewport" content="width=device-width"> <!-- Google Web Font Embed --> <link href='http://fonts.googleapis.com/css?family=Raleway:400,600,500,300,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/templatemo_main.css"> </head> <body> <div id="main-wrapper"> <!--[if lt IE 7]> <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a rel="nofollow" href="http://browsehappy.com">upgrade your browser</a> or <a rel="nofollow" href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p> <![endif]--> <div class="col-md-12 col-sm-12 col-xs-12 affix text-center col-lg-12" style="z-index: 1;"> <h1 class="templatemo-site-title"> <a href="#">GHOST Creatives</a><img src="images/btn-menu.png" alt="main menu" id="m-btn" class="pull-right visible-xs visible-sm"> </h1> <ul id="responsive" style="display:none" class="hidden-lg hidden-md"></ul><!-- /.responsive --> </div> <div class="col-md-12 col-sm-12 col-xs-12 affix text-center col-lg-6" style="z-index: 1;"> <h1 class="templatemo-site-title"> </h1><h1 class="templatemo-site-title"> </h1><h1 class="templatemo-site-title"> </h1><h1 class="templatemo-site-title"> </h1><h1 class="templatemo-site-title"><iframe width="900" height="315" src="https://www.youtube.com/embed/ngW6XSAUwxc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></h1> <ul id="responsive2" style="display:none" class="hidden-lg hidden-md"> </ul> <!-- /.responsive --> </div> <div class="menu visible-md visible-lg"> <ul id="menu-list"> <li class="active home-menu"><a href="#home">Home</a></li> <li class="about-menu"><a href="#about">Productions</a></li> <li class="services-menu"><a href="#services">Publications</a></li> <li class="testimonial-menu"><a href="#testimonial">Records</a></li> <li><a rel="nofollow" target="_parent" href="https://www.youtube.com/channel/UCFmIg3yNJx3ZIw70uLhuMfQ" class="external">Youtube Channel</a></li> <li class="contact-menu"><a href="#contact">Contact</a></li> </ul> </div><!-- /.menu --> <div class="image-section"> <div class="image-container"> <img src="images/nature1.jpg" id="home-img" class="main-img inactive" alt="Home"> <img src="images/nature2.jpg" id="about-img" class="inactive" alt="About"> <img src="images/nature3.jpg" id="services-img" class="inactive" alt="Services"> <img src="images/nature4.jpg" id="testimonial-img" class="inactive" alt="Testimonial"> <img src="images/nature5.jpg" id="contact-img" class="inactive" alt="Contact"> </div> </div> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-lg-offset-6 col-md-offset-6 templatemo-content-wrapper"> <div class="templatemo-content"> <section id="home-text" class="active templatemo-content-section"> <div class="col-sm-12 col-md-12 col-lg-12"> <h2>Welcome to GHOST Creatives</h2> <p>Through film, books and music we tell the best tales in all formats. A place where quality over quantiy is assured.</p> <p>Run by artists for artists, creative freedom is our number one priority.</p> </div> </section><!-- /.home-text --> <section id="about-text" class="inactive"> <h2 class="text-center">GHOST Productions</h2> <div class="col-sm-6 col-md-6"> <p>The film branch of our company deals with all sorts of productions, from films and music videos to corporate videos and advertising. We create all of these to the highest quality.</p> </div> <div class="col-sm-6 col-md-6"> <p>The original (and continued) purpose of this branch is to provide younger and smaller filmmakers the oppurtunites to create their own films and see their visions come to life.</p> </div> </section><!-- /.about-text --> <section id="services-text" class="inactive"> <h2 class="text-center">GHOST Publications</h2> <div class="col-sm-4 col-md-4"> <h3>Novels</h3> <p>Novels have always been a passion of ours, and this passion has spread to the creation of this branch to publish novels for everyone because everyone deserves to have their story told.</p> </div> <div class="col-sm-4 col-md-4"> <h3>Comic books</h3> <p>Comics and art in general are fascinating to look at. Telling stories through this medium is something that has been and will always be desired, no matter the time or age.</p> </div> <div class="col-sm-4 col-md-4"> <h3>Graphic Novels</h3> <p>Darker and grittier but no less loved, this medium will stand the test of time and always improve with the addition of animated graphic novels, a venture we're looking forward to expand.</p> </div> </section><!-- /.services-text --> <section id="testimonial-text" class="inactive"> <div class="col-sm-12 col-md-12"> <h2>GHOST Records</h2> <p>Music will always be a part of us but GHOST Records doesn't just deal with that. We look at all sounds, including sound effects and want to have a place where all of these can be stored and used for everyone.</p> <p>However music will always be something we love venturing in to. For new and upcoming artists to have a place where they can gain a faithful and passionate following, we want everyone to keep creating these songs that are loved by everyone.</p> </div> </section><!-- /.testimonial-text --> <section id="contact-text" class="inactive"> <div class="col-sm-12 col-md-12"> <div class="row"> <div class="col-sm-12 col-md-12"><h2>Contact</h2></div> <div class="clearfix"></div> </div> <div class="row"> <div class="col-sm-6 col-md-6"> <div id="map-canvas"></div> <p>990 Digital Street, New Forest Area, San Francisco, CA 10660</p> </div> <div class="col-sm-6 col-md-6"> <form action="#" method="post"> <div class="form-group"> <!--<label for="contact_name">Name:</label>--> <input type="text" id="contact_name" class="form-control" placeholder="Name" /> </div> <div class="form-group"> <!--<label for="contact_email">Email:</label>--> <input type="text" id="contact_email" class="form-control" placeholder="Email Address" /> </div> <div class="form-group"> <!--<label for="contact_message">Message:</label>--> <textarea id="contact_message" class="form-control" rows="7" placeholder="Write a message"></textarea> </div> <button type="submit" class="btn btn-primary">Send</button> </form> </div> <div class="clearfix"></div> </div> </div> </section><!-- /.contact-text --> </div><!-- /.templatemo-content --> </div><!-- /.templatemo-content-wrapper --> </div><!-- /.row --> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 footer"> <p class="footer-text"> <span>Copyright © 2019 GHOST Creatives ltd</span></p> </div><!-- /.footer --> </div> </div><!-- /#main-wrapper --> <div id="preloader"> <div id="status"> </div> </div><!-- /#preloader --> <script src="js/jquery.min.js"></script> <script src="js/jquery.backstretch.min.js"></script> <script src="js/templatemo_script.js"></script> <!-- templatemo 398 nature --> </body> </html>
... View more