1. Start
  2. Folder Structure
  3. Video Background
  4. HTML Structure
  5. CSS Files and Structure
  6. JavaScript
  7. Contact Form
  8. Sources and Credits

Nexus Responsive One page Template


Thank you for purchasing our template. If you have any questions that are beyond the scope of this help file, please feel free to contact us via email themesground.com . Thank you very much!

Nexus HTML is Html5 + CSS3 Website template and works fine in all major browsers and IE from version 9. It's powered by jQuery. Also. The code is clearly written and you will find comments for each considerable parts.

Lets take a closer look at the structure of Html, Css, JavaScript

Folder Structure


When you unpack downloaded archive from ThemeForest.net you'll get folder containing 3 folders.

Here they are, sorted alphabetically:

  1. Documentation - Documentation for Nexus HTML site template
  2. Template1 - Image background Version
  3. Template2 - Video background Version
  4. Template3 - Image background Version
  5. Template4 - Slider Version

Video Background

You can find following code in Template2 folder index.html file. You can just replace video file name.

   < video id="clip1" class="bg-video-clip" width="1920" height="1080" muted="" autoplay="" preload="" loop="" poster="images/hero-img9.jpg" style="width: 2030px; height: 1190px; 
   position: absolute; top: 50%; left: 50%; margin-top: -595px; margin-left: -1015px;">
        < source src="images/bg1.webm" type="video/webm">
        < source src="images/bg1.mp4" type="video/mp4">
        < source src="images/bg1.ogv" type="video/ogg">
    < /video >
	
	

HTML Structure


Body part of the Html file is divided in three main sections and each of these sections is further divided into smaller parts:

  1. HEADER
    • header - logo and navigation
    • navigation - navigation bar
  2. CONTENT

    Content divided in following section:

    • Introduction Section
    • About Section
    • Service Section
    • Portfolio Section
    • Pricing Section
    • Blog Section
    • Contact Section
  3. FOOTER
    • You can define your copyright text here


CSS Files


All css files located at css folder.

css/style.css - Theme main CSS file.

JavaScript


All JS files located at js folder.

js/script.js - Theme main JS file.

Contact Form


From the sendemail.php file just replace the email address and save the file.

<?php
/*
 **************************************
 *									  *
 * Config here                        *
 *									  *
 **************************************
 */

$to = 'YOUR_EMAIL_ADDRESS';
$siteName = "YOUR_SITE_NAME";

/*
 *************************************************************
 *									                         *
 *      Don't Change below code, if you don't know php.      *
 *									                         *
 *************************************************************
 */

$name = $_POST['fname'];
$mail = $_POST['email'];
$subject = $_POST['subj'];
$message = $_POST['mssg'];

if (isset($name) && isset($mail) && isset($message)) {
	

	$mailSub = '[Contact] [' . $siteName . '] '.$subject;

	$body = 'Sender Name: ' . $name . "\n\n";
	$body .= 'Sender Mail: ' . $mail . "\n\n";
	$body .= 'Message Subject: ' . $subject . "\n\n";
	$body .= 'Message: ' . $message;

	$header = 'From: ' . $mail . "\r\n";
	$header .= 'Reply-To:  ' . $mail . "\r\n";
	$header .= 'X-Mailer: PHP/' . phpversion();


	echo mail($to, $mailSub, $body, $header);
}else{
	echo '0';
}
?>

Sources and Credits


I've used the following images, icons or other files as listed.


Once again, thank you for purchasing this Theme. As mentioned at the beginning of this documentation, we would be glad to help you if you have any questions related to this Theme.

If you are satisfied with "Nexus One Page Responsive Template" please go to your downloads section on ThemeForest.net and rate Nexus One Page Responsive Template with 5 stars.

Hope that you will enjoy in Nexus One Page Responsive Template as much as I've enjoyed designing this template.