-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathjson.txt
1 lines (1 loc) · 31.9 KB
/
json.txt
1
{"version": "2.0","name": "69Studio HTML5 Responsive Agency Template","subline": "","username": "Trendy Theme","created": "04/25/2015","website": "http://trendytheme.net/","update": "11/18/2015","update_today": true,"email": "[email protected]","description": "","intro": "Thank you very much for purchasing our theme! If you have any questions that aren't covered in this documentation, please feel free to email us.","button_1_text": "","button_2_text": "","button_3_text": "","button_1_url": "","button_2_url": "","button_3_url": "","sections": [{"title": "Overview","id": "overview","content": "<p>\t69Studio is a corporate web solution for individual's or business agencies. This multifunctional responsive template provides several layout options to take care of any possible screen resolution.</p>\n<p>\tBe sure that it will fit any viewing device. This is a flexible template uses fresh and clean design. For it"s unique design, portfolios and other features it will distinguish your business among all.</p>\n<p>\tLet's have a quick look on features that 69Studio possesses:</p>\n<ol style=\"margin: 18px 0px; padding-right: 0px; padding-left: 0px; border: 0px; outline: 0px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; line-height: 1.5em; color: rgb(71, 71, 71);\">\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\tModern, Clean & Elegant Design,</li>\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\tBuilt With HTML5 and CSS3,</li>\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\tBootstrap 3 in core,</li>\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\tFully responsive,</li>\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\tFresh and Clean Code,</li>\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\tWorking PHP Contact Form with a Simple Email Template,</li>\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\tIncludes Entire Font Awesome,</li>\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\tIncludes Amazing Flat Icons,</li>\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\tCross browser support,</li>\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\tResponsive toggle menu for small devices, sticky menu when scrolling down,</li>\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\tCSS3 animations,</li>\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\t<span style=\"font-family: inherit; font-style: inherit; font-weight: inherit; color: rgb(34, 34, 34);\">Google Fonts Used,</span></li>\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\t<span style=\"font-family: inherit; font-style: inherit; font-weight: inherit; color: rgb(34, 34, 34);\">Google Map integrated,</span></li>\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\t<span style=\"font-family: inherit; font-style: inherit; font-weight: inherit; color: rgb(34, 34, 34);\">Six diffrent homepage virson,</span></li>\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\t<span style=\"font-family: inherit; font-style: inherit; font-weight: inherit; color: rgb(34, 34, 34);\">Awesome single page for single product view, </span></li>\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\t<span style=\"color: rgb(34, 34, 34); font-family: inherit; font-style: inherit; font-weight: inherit;\">Excellent Customer Support – We care about your site as much as you and will help in anyway possible.</span></li>\n</ol>\n"},{"title": "File & Code Structure","id": "file_code_structure","content": "<h4>\n\tFolders</h4>\n<pre class=\"plain\">\n-assets (all assets/required file of this template)\n--bootstrap (bootstrap core files)\n--css (all css files)\n--flexSlider (all flex slider files)\n--fonts (flaticon and font-awesome font icon set )\n--images (all images)\n--js (all javascript files)\n--magnific-popup (all files for image popup)\n--owl-carousel (owl-carousel core files)\n--rs-plugin (revoulation slider plugin)\n--simple-text-rotator (text rotator plugin)\n--videos (html5 video formats)\n--YTPlayer (youtube video player plugin)\n- email-templates (a basic email template functional with contact form)\n-and all other html files</pre>\n<p>\t </p>\n<h4>\n\tHTML Structure</h4>\n<p>\tBeing based on Twitter Bootstrap, 69Studio inherits its awesome grid system. It's a responsive, mobile first grid that appropriately scales up to 12 columns as the device or view port size increases.</p>\n<p>\t<strong>Example markup:</strong></p>\n<pre class=\"html\">\n<div class="row">\n <div class="col-md-12">\n Level 1 column\n <div class="row">\n <div class="col-md-6">Level 2</div>\n <div class="col-md-6">Level 2</div>\n </div>\n </div>\n</div></pre>\n<p>\t </p>\n<p>\t<strong>CSS Files</strong></p>\n<pre class=\"html\">\n<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600,700,800' rel='stylesheet' type='text/css'>\n<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300' rel='stylesheet' type='text/css'>\n<!-- animate CSS -->\n<link href="assets/css/animate.css" rel="stylesheet">\n<!-- FontAwesome CSS -->\n<link href="assets/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet">\n<!-- Flat Icon CSS -->\n<link href="assets/fonts/flaticon/flaticon.css" rel="stylesheet">\n<!-- owl.carousel -->\n<link href="assets/owl-carousel/owl.carousel.css" rel="stylesheet">\n<link href="assets/owl-carousel/owl.theme.css" rel="stylesheet">\n<!-- Bootstrap -->\n<link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">\n<!-- Style CSS -->\n<link href="assets/css/style.css" rel="stylesheet">\n<!-- Responsive CSS -->\n<link href="assets/css/responsive.css" rel="stylesheet"></pre>\n<p>\t </p>\n<p>\t<strong>JavaScripts Files</strong></p>\n<pre class=\"html\">\n<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->\n<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>\n<!-- Include all compiled plugins (below), or include individual files as needed -->\n<script src="assets/bootstrap/js/bootstrap.min.js"></script>\n<!-- easing js -->\n<script src="assets/js/jquery.easing.min.js"></script>\n<!-- sticky js -->\n<script src="assets/js/jquery.sticky.js"></script>\n<!-- smoothscroll js -->\n<script src="assets/js/smoothscroll.js"></script>\n<!-- inview js -->\n<script src="assets/js/jquery.inview.min.js"></script>\n<!-- countTo js -->\n<script src="assets/js/jquery.countTo.js"></script>\n<!-- shuffle js -->\n<script src="assets/js/jquery.shuffle.min.js"></script>\n<!-- BlackAndWhite js -->\n<script src="assets/js/jquery.BlackAndWhite.min.js"></script>\n<!-- owl.carousel js -->\n<script src="assets/owl-carousel/owl.carousel.min.js"></script>\n<!-- GOGLE MAP -->\n<script src="https://maps.googleapis.com/maps/api/js"></script>\n<!-- script JS -->\n<script src="assets/js/scripts.js"></script></pre>\n<div>\n\t </div>\n"},{"title": "Navigation","id": "navigation","content": "<p>\tThere are three kind of menu style in this template, Default Menu, Transparent Menu and Full Screen Menu. You need to change some classes to switch menu styles. It's very easy, here is some example of those menus:<br>\n\t<br>\n\tThe markup of <strong>Default menu:</strong></p>\n<pre class=\"html\">\n<!-- Navigation start -->\n<nav class="navbar navbar-custom tt-default-nav" role="navigation">\n your menu goes here...\n</nav>\n<!-- Navigation end --></pre>\n<p>\tJust put "<span style=\"line-height: 19px;\">tt-default-nav</span>" class with "navbar-custom" for Default Menu.</p>\n<p>\t<br>\n\tThe markup of <strong>Transparent menu:</strong></p>\n<pre class=\"html\">\n<!-- Navigation start -->\n<nav class="navbar navbar-custom navbar-fixed-top transparent white" role="navigation">\n your menu goes here...\n</nav>\n<!-- Navigation end --></pre>\n<p>\tYou need to add "<span style=\"line-height: 19px;\">navbar-fixed-top" and "transparent" classes with "</span><span style=\"line-height: 19px;\">navbar-custom" class for get a transparent fixed menu. And also add "white" class for adjust navbar background color and menu item color.<br>\n\t<br>\n\tYou may add two alter logo for adjust logo color and navbar background color(applicable for transparent menu).</span><br>\n\t<span style=\"line-height: 19px;\">Here is the sample: </span></p>\n<pre class=\"html\">\n<div class="navbar-header">\n <a class="navbar-brand" href="index.html"><img src="assets/images/logo-white.png" alt=""></a>\n <a class="navbar-brand alter-logo" href="index.html"><img src="assets/images/logo.png" alt=""></a>\n</div></pre>\n<p>\t </p>\n<p>\tThe markup of <strong>Full Screen menu:</strong></p>\n<pre class=\"html\">\n<header>\n <div id="fullpage-nav" class="main-nav" role="navigation">\n <nav class="nav-hide tt-nav">\n <ul class="nav">\n <li><a class="page-scroll" href="#section-one">Menu One</a></li>\n <li><a class="page-scroll" href="#section-two">Menu Two</a></li>\n <li><a class="page-scroll" href="#section-three">Menu Three</a></li>\n <li><a class="page-scroll" href="#section-four">Menu Four</a></li>\n </ul>\n </nav>\n <div class="container clearfix">\n <div class="logo-wrapper">\n <a href="#home" class="logo">\n <img src="assets/images/logo-white.png" alt="logo">\n </a>\n </div>\n <div class="navbar-toggle nav-bars">\n <div class="bar1"></div>\n <div class="bar2"></div>\n <div class="bar3"></div>\n </div>\n </div> <!-- /.container -->\n </div> <!-- /.main nav -->\n</header></pre>\n<p>\t </p>\n"},{"title": "Icons","id": "icons","content": "<p>\tThere are two kinds of font icons used in this template.</p>\n<ol>\n\t<li>\t\tFontAwesome</li>\n\t<li>\t\tFlaticon</li>\n</ol>\n<p>\t<strong>Font Awesome</strong> is a @font-face iconset that allows you to change size and color of the icons just using CSS.</p>\n<p>\tTo add an icon, simply create an empty element with class 'fa fa-[icon name]', for example: </p>\n<pre class=\"html\">\n<i class="fa fa-file"></i>\n<i class="fa fa-home"></i>\n<i class="fa fa-envelope"></i></pre>\n<p>\t </p>\n<p>\t<strong>Flaticon</strong> is also a @font-face iconset that allows you to change size and color of the icons just using CSS.</p>\n<p>\tTo add an icon, simply create an empty element with class 'flaticon-[icon name]', for example:</p>\n<pre class=\"html\">\n<i class="flaticon-cup7"></i>\n<span class="flaticon-light110"></span></pre>\n"},{"title": "Hero Units","id": "hero_units","content": "<p>\tYou can use all hero units (slider sections) at any pages. Just copy the Intro Section or Video Section or Slider section and past it in any pages. You can create new pages with this bolcks.<br>\n\t<br>\n\t<strong>Example:</strong><br>\n\tIf you wish to make your homepage with html video slider just copy this code and past it on your new page.</p>\n<pre class=\"html\">\n <!-- Intro Section -->\n <section id="home" class="video-slider">\n <div class="overlay">\n <video class="text-center" muted="" autoplay="" loop="" poster='assets/videos/Explore-HD.png' >\n <!-- WebM/VP8 for Firefox4, Opera, and Chrome -->\n <source type="video/webm" src="assets/videos/Explore-HD.webm">\n <!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 -->\n <source type="video/mp4" src="assets/videos/Explore-HD.mp4">\n Your browser does not support the video tag.\n </video>\n\n <div class="slider-caption">\n <h1>We are <span>Creative Studio</span></h1>\n <p>A digital creative design and development agency </p>\n <a class="btn page-scroll" href="#">Learn More</a>\n </div>\n </div>\n </section> <!-- /#home --> </pre>\n<p>\t<strong>Important:</strong> Dont forget to add required <strong>CSS </strong>files and <strong>Javascript</strong> files at header and footer.</p>\n"},{"title": "Shortcodes","id": "shortcodes","content": "<p>\tYou will get lots of shortcodes with this template. We made all shortcodes clean and re useable. <br>\n\tYou can use all shortcodes at anywhere and in any pages of this template. Just copy any block you like and past it any where you wish.<br>\n\t<br>\n\t<strong>Example:</strong></p>\n<pre class=\"html\">\n<!-- hero-block-v3 -->\n<section class="hero-block-v3">\n <div class="container">\n <div class="row">\n <div class="col-md-6">\n <img src="assets/images/focus-mocup.png" class="img-responsive " alt="Image">\n </div>\n\n <div class="col-md-6">\n <h2 class="section-title">Our Focus on</h2>\n <p>Continually underwhelm visionary models with cross-unit synergy. Uniquely leverage other's premium convergence before progressive data. Proactively monetize visionary models.</p>\n <ul class="check-circle-list">\n <li><i class="fa fa-check-circle"></i> Uniquely disseminate economically sound bandwidth</li>\n <li><i class="fa fa-check-circle"></i> Quickly reinvent cross functional infrastructures</li>\n <li><i class="fa fa-check-circle"></i> High standards in niche markets capital istinctively</li>\n <li><i class="fa fa-check-circle"></i> Intellectual capital fluorcently foster business</li>\n </ul>\n </div>\n </div><!-- /.row -->\n </div><!-- /.container -->\n</section>\n<!-- hero-block-v3 end--></pre>\n<p>\tJust copy this block and past anywhere of any page of this template. You can youse all individual blocks along with this template. </p>\n"},{"title": "HTML5 Video","id": "html5_video","content": "<p>\tThe HTML5 <video> element specifies a standard way to embed a video in a web page. You can play a video in your webpage background or any section. You can host video form root server or can add link form other server. </p>\n<p>\tFor browser support you have to provide two format video(.webm/.ogg and .mp4)</p>\n<p>\tThe markup:</p>\n<pre class=\"html\">\n <video class="text-center" muted="" autoplay="" loop="" poster='assets/videos/Explore-HD.png' >\n <!-- WebM/VP8 for Firefox4, Opera, and Chrome -->\n <source type="video/webm" src="assets/videos/Explore-HD.webm">\n <!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 -->\n <source type="video/mp4" src="assets/videos/Explore-HD.mp4">\n </video></pre>\n"},{"title": "Youtube Video","id": "youtube_video","content": "<div>\n\tjquery.mb.YTPlayer - use a custom youtube player for a video as background on jQuery framework.</div>\n<div>\n\t </div>\n<div>\n\tThis is a jQuery component that let you play a Youtube® movie in a chromeless player.</div>\n<div>\n\tYou can even use a movie as background of your HTML page.</div>\n<div>\n\t </div>\n<div>\n\t<strong>Important notice!</strong></div>\n<div>\n\tThe plug in works only if used under a web server. It doesn’t work if you run the HTML page as file (file://…).</div>\n<div>\n\t </div>\n<div>\n\tIf you want to run it locally on your computer you need a web server installed (for ex: MAMP for Mac, XAMP for Windows,LAMP for linux) and reach the file from http://localhost… or whatever you mapped in the Host file as localhost.</div>\n<div>\n\t </div>\n<div>\n\t<strong>HTML Markup:</strong></div>\n<pre class=\"html\">\n<a id="bgndVideo" class="player" data-property="{videoURL:'http://youtu.be/BsekcY04xvQ',containment:'body',autoPlay:true, mute:true, startAt:0, opacity:1}">My video</a></pre>\n<p>\t </p>\n<div>\n\t<strong>data-property:</strong></div>\n<div>\n\t*data-property is an attribute of the TAG where you can pass the settings of the player.</div>\n<div>\n\t </div>\n<ul>\t<li>\t\t<strong>mute</strong>: true (boolean) mute the audio;</li>\n\t<li>\t\t<strong>showControls</strong>: true (boolean) show or hide the player controls;</li>\n\t<li>\t\t<strong>ratio</strong>: ‘4/3’, ‘16/9’ or ‘auto’ (string) to set the aspect ratio of the movie; if ‘auto’ the aspect ratio will be retreived form the getDataFromFeed method.</li>\n\t<li>\t\t<strong>quality</strong>: ‘default’ or “small”, “medium”, “large”, “hd720”, “hd1080”, “highres”.</li>\n\t<li>\t\t<strong>opacity</strong>: 0 to 1 (number) define the opacity of the video.</li>\n\t<li>\t\t<strong>containment</strong>: (string) the CSS selector of the DOM element where you want the video background; if not specified it takes the “body”; if set to “self” the player will be instanced on that element.</li>\n\t<li>\t\t<strong>optimizeDisplay</strong>: true (boolean) will fit the video size into the window size optimizing the view.</li>\n\t<li>\t\t<strong>loop</strong>: true (boolean) or false loops the movie once ended.</li>\n\t<li>\t\t<strong>vol</strong>: 1 to 100 (number) set the volume level of the video.</li>\n\t<li>\t\t<strong>startAt</strong>: 20 (number) Set the seconds the video should start at.</li>\n\t<li>\t\t<strong>stopAt</strong>: 20 (number) Set the seconds the video should stop at. If 0 is ignored.</li>\n\t<li>\t\t<strong>autoPlay</strong>: true (boolean) or false play the video once ready.</li>\n\t<li>\t\t<strong>showYTLogo</strong>: true (boolean) Show or hide the YT logo and the link to the original video URL.</li>\n\t<li>\t\t<strong>showControls</strong>: true (boolean) Show or hide the controls bar at the bottom of the page.</li>\n\t<li>\t\t<strong>addRaster</strong>: false (boolean) Show or hide a raster image over the video.</li>\n\t<li>\t\t<strong>realfullscreen</strong>: true (boolean) activate the new HTML5 full screen behavior.</li>\n\t<li>\t\t<strong>stopMovieOnBlur</strong>: true (boolean) activate the pause behavior when the window loose focus.</li>\n\t<li>\t\t<strong>gaTrack</strong>: true (boolean) activate the Google Analytics event tracker for that player.</li>\n</ul>\n<p>\t </p>\n<p>\t<strong>js markup:</strong></p>\n<pre class=\"html\">\n $(function(){\n $(".player").YTPlayer();\n });</pre>\n<p>\t </p>\n<p>\tFor more customization go to the link: "<a href=\"https://github.com/pupunzi/jquery.mb.YTPlayer/wiki\" target=\"_blank\">https://github.com/pupunzi/jquery.mb.YTPlayer/wiki</a>" </p>\n"},{"title": "Google Map","id": "google_map","content": "<div>\n\tWe used a dynamic google map in this template. You can easily change your location, address, map marker, map color and almost everything.</div>\n<div>\n\t </div>\n<div>\n\tFirst open script.js from assets/js/scripts.js find out /* ======= GOOGLE MAP ======= */ wrapper. </div>\n<div>\n\tPut your latitude longitude, put your map marker at $marker_url.</div>\n<div>\n\tWrite your address in "contentString". </div>\n<div>\n\tYou can also change map color form "stylers" zoom options form "map_zoom"</div>\n<div>\n\t </div>\n<div>\n\t In html put the map "id" in any section and give it a min-height(your desired height)</div>\n<div>\n\t </div>\n<div>\n\t<strong>JS Markup: </strong></div>\n<div>\n\t </div>\n<div>\n\t<pre class=\"js\">\n/* ======= GOOGLE MAP ======= */\n jQuery(document).ready(function($) {\n //set your google maps parameters\n var $latitude = 40.716304, //If you unable to find latitude and longitude of your address. Please visit http://www.latlong.net/convert-address-to-lat-long.html you can easily generate.\n $longitude = -73.995763,\n $map_zoom = 16; /* ZOOM SETTING */\n\n //google map custom marker icon \n var $marker_url = 'assets/images/pin.png';\n\n //we define here the style of the map\n var style = [{\n "stylers": [{\n "hue": "#000"\n }, {\n "saturation": -70\n }, {\n "gamma": 2.15\n }, {\n "lightness": 12\n }]\n }];\n //set google map options\n var map_options = {\n center: new google.maps.LatLng($latitude, $longitude),\n zoom: $map_zoom,\n panControl: true,\n zoomControl: true,\n mapTypeControl: true,\n streetViewControl: true,\n mapTypeId: google.maps.MapTypeId.ROADMAP,\n scrollwheel: false,\n styles: style,\n }\n //inizialize the map\n var map = new google.maps.Map(document.getElementById('myMap'), map_options);\n //add a custom marker to the map \n var marker = new google.maps.Marker({\n position: new google.maps.LatLng($latitude, $longitude),\n map: map,\n visible: true,\n icon: $marker_url,\n });\n\n var contentString = '<div id="mapcontent">' + '<p>69Studio, 795 Folsom Ave, San Francisco.</p></div>';\n var infowindow = new google.maps.InfoWindow({\n maxWidth: 320,\n content: contentString\n });\n\n google.maps.event.addListener(marker, 'click', function() {\n infowindow.open(map, marker);\n });\n });</pre>\n\t<p>\t\t </p>\n\t<p>\t\t<strong>HTML Markup:</strong></p>\n\t<pre class=\"html\">\n <!-- map-section -->\n <section class="map-section">\n <div id="myMap"></div>\n </section><!-- /.map-section --></pre>\n</div>\n<p>\t </p>\n"},{"title": "Contact Form","id": "contact_form","content": "<p>\tIn <strong>69Studio</strong> HTML5 template there is full functional working contact form. We have also added a simple email template with this contact form.</p>\n<p>\tTo customize/change the email address please open "sendemail.php" file from root folder in any code editor . </p>\n<p>\tGo to the line number 9. There is a line: </p>\n<pre class=\"html\">\n$to = '[email protected]'; <span style=\"color: rgb(147, 161, 161); line-height: 18px; background-color: rgb(247, 247, 249);\">//put your email here</span></pre>\n<p>\tReplace the existing email address with your own mailing address.</p>\n<p>\tThats it! your template is ready now for receive message from others via mail.</p>\n"},{"title": "Sources & Credits","id": "sources_credits","content": "<h4>\n\tHTML/CSS</h4>\n<p>\t<strong>Twitter Bootstrap</strong>: <a href=\"http://getbootstrap.com/\">http://getbootstrap.com/</a></p>\n<p>\t<strong>animate.css</strong>: <a href=\"http://daneden.github.io/animate.css/\">http://daneden.github.io/animate.css/</a></p>\n<p>\t </p>\n<h4>\n\tFonts</h4>\n<p>\t<strong>Google Fonts:</strong> <a href=\"http://www.google.com/webfonts\">http://www.google.com/webfonts</a></p>\n<p>\t<strong>Font Awesome:</strong> <a href=\"http://fontawesome.io/\">http://fontawesome.io/</a></p>\n<p>\t<strong>Flaticons:</strong> <a href=\"http://www.flaticon.com/\">http://www.flaticon.com/</a></p>\n<p>\t </p>\n<h4>\n\tJavaScripts</h4>\n<p>\t<strong>jQuery:</strong> <a href=\"https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js\">https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js</a></p>\n<p>\t<strong>jQuery Easing:</strong> <a href=\"http://gsgd.co.uk/sandbox/jquery/easing/\">http://gsgd.co.uk/sandbox/jquery/easing/</a></p>\n<p>\t<strong>sticky:</strong> <a href=\"https://github.com/garand/sticky\">https://github.com/garand/sticky</a></p>\n<p>\t<strong>smoothscroll:</strong> <a href=\"http://cferdinandi.github.io/smooth-scroll/\">http://cferdinandi.github.io/smooth-scroll/</a></p>\n<p>\t<strong>countTo:</strong> <a href=\"https://github.com/mhuggins/jquery-countTo\">https://github.com/mhuggins/jquery-countTo</a></p>\n<p>\t<strong>stellar:</strong> <a href=\"http://markdalgleish.com/projects/stellar.js/\">http://markdalgleish.com/projects/stellar.js/</a></p>\n<p>\t<strong>Shuffle:</strong> <a href=\"http://vestride.github.io/Shuffle/\">http://vestride.github.io/Shuffle/</a></p>\n<p>\t<strong>inview:</strong> <a href=\"https://github.com/protonet/jquery.inview\">https://github.com/protonet/jquery.inview</a></p>\n<p>\t<strong>BlackAndWhite:</strong> <a href=\"http://gianlucaguarini.github.io/jQuery.BlackAndWhite/\">http://gianlucaguarini.github.io/jQuery.BlackAndWhite/</a></p>\n<p>\t<strong>owl.carousel:</strong> <a href=\"http://owlgraphic.com/owlcarousel/\">http://owlgraphic.com/owlcarousel/</a></p>\n<p>\t<strong>YTPlayer:</strong> <a href=\"https://github.com/pupunzi/jquery.mb.YTPlayer\">https://github.com/pupunzi/jquery.mb.YTPlayer</a></p>\n<p>\t </p>\n<p>\t<strong>Photos and Videos</strong></p>\n<p>\t<strong>Important! </strong></p>\n<div>\n\tThe images used on the demo site are for demonstration purposes only and are not included in the download file. We have included placeholder images for each instance.</div>\n<div>\n\t </div>\n<div>\n\t<strong>Slider Images: </strong><a href=\"http://picjumbo.com/some-office-things/\">http://picjumbo.com/some-office-things/</a> , <a href=\"http://www.imcreator.com/free/business/macbook-computer\">http://www.imcreator.com/free/business/macbook-computer</a> , <a href=\"http://www.freepik.com/free-photo/woman-working-at-her-office-desk_766243.htm\">http://www.freepik.com/free-photo/woman-working-at-her-office-desk_766243.htm</a> , <a href=\"http://www.pexels.com/photo/5168/\">http://www.pexels.com/photo/5168/</a></div>\n<p>\t<strong>Portfolio Images: </strong><a href=\"https://dribbble.com/creativemints\">https://dribbble.com/creativemints</a></p>\n<p>\t<b>Team Images: </b><a href=\"http://www.imcreator.com/free/youmacon-people\">http://www.imcreator.com/free/youmacon-people</a></p>\n<p>\t<strong>HTML5 Videos: </strong> 1. <a href=\"http://mazwai.com/#168\">http://mazwai.com/#168</a> , 2. <a href=\"http://mazwai.com/#83\">http://mazwai.com/#83</a></p>\n<p>\t<strong>Youtube Video: </strong><a href=\"http://Youtube source: https://www.youtube.com/channel/UCXlGJ1GZMn7g03vDuA3yTpA\">http://Youtube source: https://www.youtube.com/channel/UCXlGJ1GZMn7g03vDuA3yTpA</a></p>\n<p>\t </p>\n<div>\n\tOnce again, thank you very much for purchasing this template; we'll be glad to help you if you have any questions.</div>\n<div>\n\tIf you have a more general question relating to the templates on ThemeForest, please consider visiting the forums and asking your question in the "Item Discussion" section.</div>\n<div>\n\t </div>\n<div>\n\tThanks,</div>\n<div>\n\t<strong>Trendy Theme Team :)</strong></div>\n"}],"use_sub": true,"logo": "","favicon": "","customcss": "","easing": "swing","easingduration": "500","bgimage": "","bgrepeat": "repeat","bgattachment": "scroll","bgcolor": "FFFFFF","textcolor": "383838","linkcolor": "FF2A40","hrcolor1": "EBEBEB","hrcolor2": "FFFFFF","btncolor": "FFFFFF","btncolor1": "0088CC","btncolor2": "0044CC","sidebarbgimage": "","sidebarbgrepeat": "repeat","sidebarbgcolor": "DDDDDD","sidebartextcolor": "222222","sidebarlinkcolor": "444444","sidebaractivecolor": "444444","sidebaractivetextcolor": "DDDDDD","sidebarhrcolor1": "AAAAAA","sidebarhrcolor2": "EEEEEE","cufon": "","documentationttype": "default","itemURL": "","sendJSON": "","sendZIP": "","sendPWD": ""}