commit 4032cc31daab75f766606acc935126ef2eab261b
parent 8be752b65d7cb9b7d4e3b3da07bf0f0e999890eb
Author: MTRNord <mtrnord1@gmail.com>
Date: Tue, 8 Jul 2014 15:42:52 +0200
add config writing for mysql in installer script
Diffstat:
8 files changed, 956 insertions(+), 410 deletions(-)
diff --git a/core/inc/db_connect.inc.php.1 b/core/inc/db_connect.inc.php.1
@@ -0,0 +1,10 @@
+<?php
+
+$db_servername = "localhost";
+$db_username = "root";
+$db_password = "1199Mtr3#";
+$db_name = "blog";
+
+$connection = mysql_connect($db_servername, $db_username, $db_password) or die ("<p>Verbindung war nicht möglich</p>");
+mysql_select_db($db_name) or die ("<p>Die Datenbank ist nicht vorhanden</p>");
+
diff --git a/core/inc/db_connect.inc.php.original b/core/inc/db_connect.inc.php.original
@@ -0,0 +1,10 @@
+<?php
+
+$db_servername = "localhost";
+$db_username = "root";
+$db_password = "1199Mtr3#";
+$db_name = "blog";
+
+$connection = mysql_connect($db_servername, $db_username, $db_password) or die ("<p>Verbindung war nicht möglich</p>");
+mysql_select_db($db_name) or die ("<p>Die Datenbank ist nicht vorhanden</p>");
+
diff --git a/install/add_database.php b/install/add_database.php
@@ -0,0 +1,20 @@
+<?php
+ require_once ('../inc/db_connect.inc.php');
+ $sql = 'CREATE DATABASE blog ';
+
+ $result = mysqli_query($connection, $sql)
+ or die("Anfrage fehlgeschlagen: " . mysql_error());
+
+ $sql = "
+ CREATE TABLE `posts` (
+ `id` INT( 11 ) NOT NULL AUTO_INCREMENT PRIMARY KEY ,
+ `text` TEXT NOT NULL ,
+ `title` TEXT NOT NULL ,
+ `name` TEXT NOT NULL ,
+ `time` DATETIME NOT NULL
+ ) ENGINE = MYISAM ;
+ ";
+ $result = mysqli_query($connection, $sql)
+ or die("Anfrage fehlgeschlagen: " . mysql_error());
+?>
+
diff --git a/install/install.php b/install/install.php
@@ -1,200 +1,31 @@
-
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <title>PiCMS | Install Script</title>
-
- <!-- CSS -->
- <link rel="stylesheet" href="../css/style.css" type="text/css" media="screen" />
- <link rel="stylesheet" href="../css/social-icons.css" type="text/css" media="screen" />
- <!-- ENDS CSS -->
-
- <!--[if IE]>
- <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
- <![endif]-->
- <!-- ENDS JS -->
-
- <!-- JS -->
- <script type="text/javascript" src="../js/jquery.min.js"></script>
- <script type="text/javascript" src="../js/custom.js"></script>
- <script type="text/javascript" src="../js/slider.js"></script>
- <script src="../js/slides/source/slides.min.jquery.js"></script>
- <script src="../js/quicksand.js"></script>
-
- <!-- superfish -->
- <link rel="stylesheet" media="screen" href="../css/superfish.css" />
- <script type="text/javascript" src="../js/superfish-1.4.8/js/hoverIntent.js"></script>
- <script type="text/javascript" src="../js/superfish-1.4.8/js/superfish.js"></script>
- <script type="text/javascript" src="../js/superfish-1.4.8/js/supersubs.js"></script>
- <!-- ENDS superfish -->
-
- <!-- poshytip -->
- <link rel="stylesheet" href="../js/poshytip-1.0/src/tip-twitter/tip-twitter.css" type="text/css" />
- <link rel="stylesheet" href="../js/poshytip-1.0/src/tip-yellowsimple/tip-yellowsimple.css" type="text/css" />
- <script type="text/javascript" src="../js/poshytip-1.0/src/jquery.poshytip.min.js"></script>
- <!-- ENDS poshytip -->
-
- <!-- Tweet -->
- <link rel="stylesheet" href="../css/jquery.tweet.css" media="all" type="text/css"/>
- <script src="../js/tweet/jquery.tweet.js" type="text/javascript"></script>
- <!-- ENDS Tweet -->
-
- <!-- prettyPhoto -->
- <script type="text/javascript" src="../js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
- <link rel="stylesheet" href="../js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" />
- <!-- ENDS prettyPhoto -->
-
- <!-- GOOGLE FONTS -->
- <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400italic' rel='stylesheet' type='text/css'>
-
- </head>
- <body>
-
- <!-- Dynamic Background -->
- <div id="headerimgs">
- <div id="headerimg1" class="headerimg"></div>
- <div id="headerimg2" class="headerimg"></div>
- </div>
- <!-- ENDS Dynamic Background -->
-
- <!-- background nav -->
- <div id="headernav">
- <div id="back" class="btn"></div>
- <div id="next" class="btn"></div>
- </div>
- <!-- ENDS background nav -->
-
- <div id="top-gap"></div>
-
- <!-- wrapper -->
- <div class="wrapper">
-
- <a href="index.php"><img id="logo" src="../img/logo.png" alt="Kroft"></a>
-
-
- <!-- nav bar holder -->
- <div id="nav-bar-holder">
- <!-- Navigation -->
- <ul id="nav" class="sf-menu">
- <li><a href="../index.php">Home</a></li>
- <li><a href="#tabs-1">Requirements</a></li>
- <li><a href="install_mysql.php#tabs-2">Setting up database</a></li>
- </ul>
- <!-- ENDS Navigation -->
-
- <!-- Social -->
- <ul class="social">
- <!--<li><a href="http://www.facebook.com" class="poshytip facebook" title="Werde Fan"></a></li>-->
- <li><a href="http://www.twitter.com/MTRNord" class="poshytip twitter" title="Folge meinen Tweets"></a></li>
- <li><a href="http://plus.google.com/+MarcelRadzio" class="poshytip google-plus" title="Mein Google+"></a></li>
- <!--<li><a href="http://www.dribbble.com" class="poshytip dribbble" title="Working on..."></a></li>-->
- </ul>
- <!-- ENDS Social -->
- </div>
- <!-- ENDS nav bar holder -->
-
- <!-- content wrap -->
- <div id="content-wrap">
-
- <!-- Page wrap -->
- <div id="page-wrap">
-
- <div class="page-title"><h1>Install Script</h1> <span>Richte die Seite ein</span></div>
-
- <!-- side content -->
- <div id="side-content">
-
- <!-- Blog loop -->
- <div class="blog-loop">
-
- <div class="post">
- <?php
- if (!extension_loaded('mysql')) {
- if (!dl('mysql.so')) {
- print ("MySQL is not installed! Please install this module!");
- exit;
- }else{print("MySQL has been successfully loaded");}
- }
- ?>
- </div>
- </div>
- <!-- ENDS Blog loop -->
-
- </div>
- <!-- ENDS side content -->
-
- <div class="clear"></div>
-
- </div>
- <!-- ENDS Page wrap -->
-
- </div>
- <!-- ENDS content wrap -->
-
- </div>
- <!-- ENDS Wrapper -->
-
- <!-- FOOTER -->
- <div id="footer">
- <div class="footer-wrapper">
-
-
- <!-- footer-cols -->
- <ul id="footer-cols">
- <li>
- <h6>About the theme</h6>
- <p>Pellentesque accumsan porttitor, accumsan porttitor ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Tincidunt quis, accumsan porttitor facilisis habitant morbi tristique senectus accumsan porttitor et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, Aenean ultricies mi vitae est. Tincidunt quis feugiat vitae.</p>
- <p>Accumsan porttitor ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Tincidunt quis, accumsan porttitor, <a href="http://luiszuno.com">luiszuno.com</a>.</p>
- </li>
- <li>
- <h6>Categories</h6>
- <ul>
- <li><a href="#">Webdesign in this era</a></li>
- <li><a href="#/">Wordpress core techniques</a></li>
- <li><a href="#">Photo editing</a></li>
- <li><a href="#">Code in php</a></li>
- <li><a href="#">Drawings by hand</a></li>
- <li><a href="#">Buy Themeforest items</a></li>
- <li><a href="#">Lorem ipsum dolor amet</a></li>
- <li><a href="#">Tincidunt quis, accumsan porttitor</a></li>
- <li><a href="#">Donec eu libero sit amet quam</a></li>
- </ul>
- </li>
- <li>
- <div id="tweets" class="footer-col tweet">
- <h6>Twitter widget</h6>
- </div>
- </li>
- </ul>
- <!-- ENDS footer-cols -->
-
- <div id="footer-glare"></div>
-
- </div>
- </div>
- <!-- ENDS FOOTER -->
-
- <!-- footer-bottom -->
- <div id="footer-bottom">
- <div class="bottom-wrapper">
- <div id="bottom-left">
- © 2011 Ansimuz. <a href="http://themeforest.net/user/Ansimuz?ref=ansimuz">View portfolio</a>
- </div>
- <div id="bottom-right">
- <ul id="footer-nav">
- <li><a href="index.php">Home</a></li>
- <li><a href="gallery.php">Gallery</a></li>
- <li><a href="page.php">Pages</a>
- <li><a href="page.php">Contact</a>
- <li><a href="login.php">Anmeldung</a>
- </ul>
- </div>
- </div>
- </div>
- <!-- ENDS footer-bottom -->
-
-
-
- </body>
-</html>
+<?php
+ if (!extension_loaded('mysql')) {
+ if (!dl('mysql.so')) {
+ print ("MySQL is not installed! Please install this module!");
+ exit;
+ }else{print("MySQL has been successfully loaded");}
+ }
+?>
+<form action="install_mysql.php" method="post">
+ <table cellpadding="1" cellspacing="4">
+ <tr>
+ <td><strong>Datenbank Adresse:</strong></td>
+ <td><input type="name" name="serverpfad" required="required" placeholder="Datenbank Adresse" maxlength="255" /></td>
+ </tr>
+ <tr>
+ <td><strong>Nutzername:</strong></td>
+ <td><input type="name" name="username" required="required" placeholder="Nutzername" maxlength="255" /></td>
+ </tr>
+ <tr>
+ <td><strong>Passwort:</strong></td>
+ <td><input type="password" name="password" required="required" placeholder="Passwort" maxlength="50" /></td>
+ </tr>
+ <tr>
+ <td><strong>Datenbank Name:</strong></td>
+ <td><input type="name" name="db_name" required="required" placeholder="Datenbank Name" maxlength="255" /></td>
+ </tr>
+ <tr>
+ <td colspan="2"><input type="submit" name="send" value="Weiter" /></td>
+ </tr>
+ </table>
+</form>
diff --git a/install/install_mysql.php b/install/install_mysql.php
@@ -1,211 +1,156 @@
+<?php
+#Serverpfad
+$filename = '../core/inc/db_connect.inc.php.1';
+$serverpfad = $_POST["serverpfad"];
+$var_str_sp = var_export($serverpfad, true);
+$var_sp = "<?php\n\n\$db_servername = $var_str_sp;\n\n";
+
+// Sichergehen, dass die Datei existiert und beschreibbar ist
+if (is_writable($filename)) {
+
+ // Wir öffnen $filename im "Anhänge" - Modus.
+ // Der Dateizeiger befindet sich am Ende der Datei, und
+ // dort wird $somecontent später mit fwrite() geschrieben.
+ if (!$handle = fopen($filename, "a")) {
+ print "Kann die Datei $filename nicht öffnen";
+ exit;
+ }
+
+ // Schreibe $somecontent in die geöffnete Datei.
+ if (!fwrite($handle, $var_sp)) {
+ print "Kann in die Datei $filename nicht schreiben";
+ exit;
+ }
+
+ print "Fertig, in Datei $filename wurde $var_sp geschrieben";
+
+ fclose($handle);
+
+} else {
+ print "Die Datei $filename ist nicht schreibbar";
+}
+
+#Userame
+$filename = '../core/inc/db_connect.inc.php.1';
+$username = $_POST["username"];
+$var_str_u = var_export($username, true);
+$var_u = "<?php\n\n\$db_username = $var_str_u;\n\n";
+
+// Sichergehen, dass die Datei existiert und beschreibbar ist
+if (is_writable($filename)) {
+
+ // Wir öffnen $filename im "Anhänge" - Modus.
+ // Der Dateizeiger befindet sich am Ende der Datei, und
+ // dort wird $somecontent später mit fwrite() geschrieben.
+ if (!$handle = fopen($filename, "a")) {
+ print "Kann die Datei $filename nicht öffnen";
+ exit;
+ }
+
+ // Schreibe $somecontent in die geöffnete Datei.
+ if (!fwrite($handle, $var_u)) {
+ print "Kann in die Datei $filename nicht schreiben";
+ exit;
+ }
+
+ print "Fertig, in Datei $filename wurde $var_u geschrieben";
+
+ fclose($handle);
+
+} else {
+ print "Die Datei $filename ist nicht schreibbar";
+}
+
+#Passwort
+$filename = '../core/inc/db_connect.inc.php';
+$password = $_POST["password"];
+$var_str_pw = var_export($password, true);
+$var_pw = "\n\n\$password = $var_str_pw;\n\n";
+
+// Sichergehen, dass die Datei existiert und beschreibbar ist
+if (is_writable($filename)) {
+
+ // Wir öffnen $filename im "Anhänge" - Modus.
+ // Der Dateizeiger befindet sich am Ende der Datei, und
+ // dort wird $somecontent später mit fwrite() geschrieben.
+ if (!$handle = fopen($filename, "a")) {
+ print "Kann die Datei $filename nicht öffnen";
+ exit;
+ }
+
+ // Schreibe $somecontent in die geöffnete Datei.
+ if (!fwrite($handle, $var_pw)) {
+ print "Kann in die Datei $filename nicht schreiben";
+ exit;
+ }
+
+ print "Fertig, in Datei $filename wurde $var_pw geschrieben";
+
+ fclose($handle);
+
+} else {
+ print "Die Datei $filename ist nicht schreibbar";
+}
+
+#DB Name
+$filename = '../core/inc/db_connect.inc.php';
+$db_name = $_POST["db_name"];
+$var_str_dbn = var_export($db_name, true);
+$var_dbn = "\n\n\$password = $var_str_dbn;\n\n";
+
+// Sichergehen, dass die Datei existiert und beschreibbar ist
+if (is_writable($filename)) {
+
+ // Wir öffnen $filename im "Anhänge" - Modus.
+ // Der Dateizeiger befindet sich am Ende der Datei, und
+ // dort wird $somecontent später mit fwrite() geschrieben.
+ if (!$handle = fopen($filename, "a")) {
+ print "Kann die Datei $filename nicht öffnen";
+ exit;
+ }
+
+ // Schreibe $somecontent in die geöffnete Datei.
+ if (!fwrite($handle, $var_dbn)) {
+ print "Kann in die Datei $filename nicht schreiben";
+ exit;
+ }
+
+ print "Fertig, in Datei $filename wurde $var_dbn geschrieben";
+
+ fclose($handle);
+
+} else {
+ print "Die Datei $filename ist nicht schreibbar";
+}
+
+#Funktion der Datenbank
+$filename = '../core/inc/db_connect.inc.php';
+$var_dbn = "$connection = mysql_connect($db_servername, $db_username, $db_password) or die ("<p>Verbindung war nicht möglich</p>");\nmysql_select_db($db_name) or die ("<p>Die Datenbank ist nicht vorhanden</p>");";
+
+// Sichergehen, dass die Datei existiert und beschreibbar ist
+if (is_writable($filename)) {
+
+ // Wir öffnen $filename im "Anhänge" - Modus.
+ // Der Dateizeiger befindet sich am Ende der Datei, und
+ // dort wird $somecontent später mit fwrite() geschrieben.
+ if (!$handle = fopen($filename, "a")) {
+ print "Kann die Datei $filename nicht öffnen";
+ exit;
+ }
+
+ // Schreibe $somecontent in die geöffnete Datei.
+ if (!fwrite($handle, $var_dbn)) {
+ print "Kann in die Datei $filename nicht schreiben";
+ exit;
+ }
+
+ print "Fertig, in Datei $filename wurde $var_dbn geschrieben";
+
+ fclose($handle);
+
+} else {
+ print "Die Datei $filename ist nicht schreibbar";
+}
+
+?>
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <title>PiCMS | Install Script</title>
-
- <!-- CSS -->
- <link rel="stylesheet" href="../css/style.css" type="text/css" media="screen" />
- <link rel="stylesheet" href="../css/social-icons.css" type="text/css" media="screen" />
- <!-- ENDS CSS -->
-
- <!--[if IE]>
- <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
- <![endif]-->
- <!-- ENDS JS -->
-
- <!-- JS -->
- <script type="text/javascript" src="../js/jquery.min.js"></script>
- <script type="text/javascript" src="../js/custom.js"></script>
- <script type="text/javascript" src="../js/slider.js"></script>
- <script src="../js/slides/source/slides.min.jquery.js"></script>
- <script src="../js/quicksand.js"></script>
-
- <!-- superfish -->
- <link rel="stylesheet" media="screen" href="../css/superfish.css" />
- <script type="text/javascript" src="../js/superfish-1.4.8/js/hoverIntent.js"></script>
- <script type="text/javascript" src="../js/superfish-1.4.8/js/superfish.js"></script>
- <script type="text/javascript" src="../js/superfish-1.4.8/js/supersubs.js"></script>
- <!-- ENDS superfish -->
-
- <!-- poshytip -->
- <link rel="stylesheet" href="../js/poshytip-1.0/src/tip-twitter/tip-twitter.css" type="text/css" />
- <link rel="stylesheet" href="../js/poshytip-1.0/src/tip-yellowsimple/tip-yellowsimple.css" type="text/css" />
- <script type="text/javascript" src="../js/poshytip-1.0/src/jquery.poshytip.min.js"></script>
- <!-- ENDS poshytip -->
-
- <!-- Tweet -->
- <link rel="stylesheet" href="../css/jquery.tweet.css" media="all" type="text/css"/>
- <script src="../js/tweet/jquery.tweet.js" type="text/javascript"></script>
- <!-- ENDS Tweet -->
-
- <!-- prettyPhoto -->
- <script type="text/javascript" src="../js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
- <link rel="stylesheet" href="../js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" />
- <!-- ENDS prettyPhoto -->
-
- <!-- GOOGLE FONTS -->
- <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400italic' rel='stylesheet' type='text/css'>
-
- </head>
- <body>
-
- <!-- Dynamic Background -->
- <div id="headerimgs">
- <div id="headerimg1" class="headerimg"></div>
- <div id="headerimg2" class="headerimg"></div>
- </div>
- <!-- ENDS Dynamic Background -->
-
- <!-- background nav -->
- <div id="headernav">
- <div id="back" class="btn"></div>
- <div id="next" class="btn"></div>
- </div>
- <!-- ENDS background nav -->
-
- <div id="top-gap"></div>
-
- <!-- wrapper -->
- <div class="wrapper">
-
- <a href="../index.php"><img id="logo" src="../img/logo.png" alt="Kroft"></a>
-
-
- <!-- nav bar holder -->
- <div id="nav-bar-holder">
- <!-- Navigation -->
- <ul id="nav" class="sf-menu">
- <li><a href="../index.php">Home</a></li>
- <li><a href="index.php#tabs-1">Requirements</a></li>
- <li><a href="#tabs-2">Setting up database</a></li>
- </ul>
- <!-- ENDS Navigation -->
-
- <!-- Social -->
- <ul class="social">
- <!--<li><a href="http://www.facebook.com" class="poshytip facebook" title="Werde Fan"></a></li>-->
- <li><a href="http://www.twitter.com/MTRNord" class="poshytip twitter" title="Folge meinen Tweets"></a></li>
- <li><a href="http://plus.google.com/+MarcelRadzio" class="poshytip google-plus" title="Mein Google+"></a></li>
- <!--<li><a href="http://www.dribbble.com" class="poshytip dribbble" title="Working on..."></a></li>-->
- </ul>
- <!-- ENDS Social -->
- </div>
- <!-- ENDS nav bar holder -->
-
- <!-- content wrap -->
- <div id="content-wrap">
-
- <!-- Page wrap -->
- <div id="page-wrap">
-
- <div class="page-title"><h1>Install Script</h1> <span>Richte die Seite ein</span></div>
-
- <!-- side content -->
- <div id="side-content">
-
- <!-- Blog loop -->
- <div class="blog-loop">
-
- <div class="post">
- <?php
- require_once ('../inc/db_connect.inc.php');
- $sql = 'CREATE DATABASE blog ';
-
- $result = mysqli_query($connection, $sql)
- or die("Anfrage fehlgeschlagen: " . mysql_error());
-
- $sql = "
- CREATE TABLE `posts` (
- `id` INT( 11 ) NOT NULL AUTO_INCREMENT PRIMARY KEY ,
- `text` TEXT NOT NULL ,
- `title` TEXT NOT NULL ,
- `name` TEXT NOT NULL ,
- `time` DATETIME NOT NULL
- ) ENGINE = MYISAM ;
- ";
- $result = mysqli_query($connection, $sql)
- or die("Anfrage fehlgeschlagen: " . mysql_error());
- ?>
- </div>
-
-
-
-
- </div>
- <!-- ENDS Blog loop -->
-
- </div>
- <!-- ENDS side content -->
-
- <div class="clear"></div>
-
- </div>
- <!-- ENDS Page wrap -->
-
- </div>
- <!-- ENDS content wrap -->
-
- </div>
- <!-- ENDS Wrapper -->
-
- <!-- FOOTER -->
- <div id="footer">
- <div class="footer-wrapper">
-
-
- <!-- footer-cols -->
- <ul id="footer-cols">
- <li>
- <h6>About the theme</h6>
- <p>Pellentesque accumsan porttitor, accumsan porttitor ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Tincidunt quis, accumsan porttitor facilisis habitant morbi tristique senectus accumsan porttitor et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, Aenean ultricies mi vitae est. Tincidunt quis feugiat vitae.</p>
- <p>Accumsan porttitor ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Tincidunt quis, accumsan porttitor, <a href="http://luiszuno.com">luiszuno.com</a>.</p>
- </li>
- <li>
- <h6>Categories</h6>
- <ul>
- <li><a href="#">Webdesign in this era</a></li>
- <li><a href="#/">Wordpress core techniques</a></li>
- <li><a href="#">Photo editing</a></li>
- <li><a href="#">Code in php</a></li>
- <li><a href="#">Drawings by hand</a></li>
- <li><a href="#">Buy Themeforest items</a></li>
- <li><a href="#">Lorem ipsum dolor amet</a></li>
- <li><a href="#">Tincidunt quis, accumsan porttitor</a></li>
- <li><a href="#">Donec eu libero sit amet quam</a></li>
- </ul>
- </li>
- <li>
- <div id="tweets" class="footer-col tweet">
- <h6>Twitter widget</h6>
- </div>
- </li>
- </ul>
- <!-- ENDS footer-cols -->
-
- <div id="footer-glare"></div>
-
- </div>
- </div>
- <!-- ENDS FOOTER -->
-
- <!-- footer-bottom -->
- <div id="footer-bottom">
- <div class="bottom-wrapper">
- <div id="bottom-left">
- © 2011 Ansimuz. <a href="http://themeforest.net/user/Ansimuz?ref=ansimuz">View portfolio</a>
- </div>
- <div id="bottom-right">
- <ul id="footer-nav">
- <li><a href="index.php">Home</a></li>
- </ul>
- </div>
- </div>
- </div>
- <!-- ENDS footer-bottom -->
-
-
-
- </body>
-</html>
diff --git a/themes/accentbox/index.php b/themes/accentbox/index.php
@@ -0,0 +1,324 @@
+<!DOCTYPE html>
+<html crossriderapp2258="true" class=" js flexbox no-touch rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients no-cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio" dir="ltr" lang="en"><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+ <meta charset="UTF-8">
+
+ <title>Accentbox Theme Demo</title>
+
+ <!--iOS/android/handheld specific -->
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="apple-mobile-web-app-capable" content="yes">
+ <meta name="apple-mobile-web-app-status-bar-style" content="black">
+
+ <link rel="stylesheet" type="text/css" media="all" href="css/style.css">
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <script src="js/modernizr.js"></script>
+ <script src="js/customscript.js" type="text/javascript"></script>
+
+ <style type="text/css">
+ #header h1, #header h2 {
+ text-indent: -999em;
+ min-width:200px; margin-top: 0;
+ }
+ #header h1 a, #header h2 a{
+ background: url(images/logo.png) no-repeat;
+ min-width: 200px;
+ display: block;
+ min-height: 80px;
+ line-height: 28px;
+ }
+ .more a, .bubble a:hover, #commentform input#submit {
+ background-color: #79ACCD;
+ }
+ a, .title a:hover, #navigation ul ul li a:hover, #navigation > ul > li > a:hover {
+ color:#79ACCD;
+ }
+ </style>
+
+ </head>
+
+ <body>
+
+ <header class="main-header">
+ <div class="container">
+ <div id="header">
+ <h1 id="logo">
+ <a href="#">Accentbox WordPress Theme Demo</a>
+ </h1><!-- END #logo -->
+ <div class="widget-area widget-header"> <ul><div class="textwidget"></div></ul></div>
+ </div><!--#header-->
+ </div><!--.container-->
+ </header>
+
+ <div class="container">
+ <div class="secondary-navigation">
+ <nav id="navigation">
+ <ul class="menu"><li class="menu-item"><a href="#">Home</a></li>
+ <li class="menu-item"><a href="#">About</a></li>
+ <li class="menu-item"><a href="#">Contact Us</a></li>
+ <li class="menu-item"><a href="#">Awesomeness</a></li>
+ <li class="menu-item"><a href="#">featured</a></li>
+ <li class="menu-item"><a href="#">Brochure</a></li>
+ <li class="menu-item"><a href="#">Design</a></li>
+ <li class="menu-item"><a href="#">Inspiration</a></li>
+ </ul>
+ <select><option value="" selected="selected">Go to...</option><option value="#">Home</option><option value="#">About</option><option value="#">Contact Us</option><option value="#">Awesomeness</option><option value="#">featured</option><option value="#">Brochure</option><option value="#">Design</option><option value="#">Inspiration</option></select></nav>
+ </div>
+ </div>
+
+ <div id="page">
+ <div class="content">
+ <article class="article">
+ <div id="content_box">
+
+ <div class="post excerpt ">
+ <header>
+ <div class="bubble"><a href="#">4</a></div>
+ <h2 class="title">
+ <a href="#" rel="bookmark">Porttitor Lectus Tincidunt Elementum Nascetur Montes</a>
+ </h2>
+ <div class="post-info">
+ <span class="theauthor"><a href="#" rel="author">MTS</a></span>
+ <time>March 26, 2012</time>
+ <span class="thecategory"><a href="#" rel="category tag">Awesomeness</a></span>
+ </div>
+ </header><!--.header-->
+ <div class="post-content image-caption-format-1">
+ <a href="#" rel="nofollow" id="featured-thumbnail">
+
+ <div class="featured-thumbnail"><img src="images/2457315858_32ffd98aec_n-150x150.jpg" class="attachment-featured wp-post-image" height="150" width="150"><div> </a>
+ <p>Nascetur, vel massa enim lundium nec in, phasellus vel nisi
+ nec penatibus? Duis phasellus, ut! Amet risus ultricies integer!
+ Elementum natoque! Nec, tincidunt risus adipiscing. Magna, augue
+ dignissim in elementum diam ultricies. Enim, enim, sed augue nec? Montes
+ habitasse ac, ridiculus, placerat cras sed! Dis nunc? Adipiscing, porta
+ magna? Nunc non lundium? Vel, pulvinar aenean, </p>
+ <p class="more"><a href="#">Read More…</a></p>
+ </div>
+ </div><!--.post excerpt-->
+
+ <div class="post excerpt ">
+ <header>
+ <div class="bubble"><a href="#">0</a></div>
+ <h2 class="title">
+ <a href="#" rel="bookmark">Mauris Dictum Libero Id Justo Fusce In Est</a>
+ </h2>
+ <div class="post-info">
+ <span class="theauthor"><a href="#" rel="author">MTS</a></span>
+ <time>September 17, 2008</time>
+ <span class="thecategory"><a href="#" rel="category tag">Awesomeness</a>, <a href="#" rel="category tag">featured</a></span>
+ </div>
+ </header><!--.header-->
+ <div class="post-content image-caption-format-1">
+ <a href="#" rel="nofollow" id="featured-thumbnail">
+
+ <div class="featured-thumbnail"><img src="images/6585158069_29788f608e_n-150x150.jpg" class="attachment-featured wp-post-image" height="150" width="150"></div> </a>
+ <p>Nulla sagittis convallis arcu. Sed sed nunc. Curabitur
+ consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et,
+ nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce
+ in est. Sed nec diam. Pellentesque habitant morbi tristique senectus et
+ netus et malesuada fames ac turpis egestas. Quisque semper nibh eget
+ nibh. Sed tempor. </p>
+ <p class="more"><a href="#">Read More…</a>
+ </p>
+ </div>
+ </div><!--.post excerpt-->
+
+ <div class="post excerpt last">
+ <header>
+ <div class="bubble"><a href="#">0</a></div>
+ <h2 class="title">
+ <a href="#" rel="bookmark">Cum Sociis Natoque Penatibus Magnis</a>
+ </h2>
+ <div class="post-info">
+ <span class="theauthor"><a href="#" rel="author">MTS</a></span>
+ <time>September 17, 2008</time>
+ <span class="thecategory"><a href="#" rel="category tag">Child Category III</a>, <a href="#" rel="category tag">featured</a>, <a href="#" rel="category tag">Parent Category III</a></span>
+ </div>
+ </header><!--.header-->
+ <div class="post-content image-caption-format-1">
+ <a href="#" rel="nofollow" id="featured-thumbnail">
+
+ <div class="featured-thumbnail"><img src="images/44066633_e0ab44de09_n-150x150.jpg" class="attachment-featured wp-post-image" height="150" width="150"></div> </a>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
+ eleifend urna eu sapien. Quisque posuere nunc eu massa. Praesent
+ bibendum lorem non leo. Morbi volutpat, urna eu fermentum rutrum, ligula
+ lacus interdum mauris, ac pulvinar libero pede a enim. Etiam commodo
+ malesuada ante. Donec nec ligula. Curabitur mollis semper diam. Duis
+ viverra nibh a felis </p>
+ <p class="more"><a href="#">Read More…</a>
+ </p>
+ </div>
+ </div><!--.post excerpt-->
+
+ <div class="post excerpt ">
+ <header>
+ <div class="bubble"><a href="#">2</a></div>
+ <h2 class="title">
+ <a href="#" rel="bookmark">Aliquet Pid Massa Porttitor Dictumst Ac Aenean A Dolor?</a>
+ </h2>
+ <div class="post-info">
+ <span class="theauthor"><a href="#" rel="author">MTS</a></span>
+ <time>September 11, 2008</time>
+ <span class="thecategory"><a href="#" rel="category tag">Awesomeness</a>, <a href="#" rel="category tag">featured</a></span>
+ </div>
+ </header><!--.header-->
+ <div class="post-content image-caption-format-1">
+ <a href="#" rel="nofollow" id="featured-thumbnail">
+
+ <div class="featured-thumbnail"><img src="images/2470289415_b98e0e1dae_n-150x150.jpg" class="attachment-featured wp-post-image" height="150" width="150"></div> </a>
+ <p>Elit quis est sit integer rhoncus integer vel lorem mattis
+ rhoncus natoque, cum. Sed, cras, sed? Dis tincidunt! Vel lacus
+ elementum, in augue mus. Placerat, velit tristique et, magna tristique
+ dolor magna, aliquam et elementum in elementum! Turpis placerat proin
+ porta etiam augue adipiscing ridiculus. In, ridiculus nec aliquam nisi
+ turpis rhoncus in tempor. A, </p>
+ <p class="more"><a href="#">Read More…</a>
+ </p>
+ </div>
+ </div><!--.post excerpt-->
+
+ <div class="post excerpt ">
+ <header>
+ <div class="bubble"><a href="#">0</a></div>
+ <h2 class="title">
+ <a href="#" rel="bookmark">Quotes Time!</a>
+ </h2>
+ <div class="post-info">
+ <span class="theauthor"><a href="#" rel="author">MTS</a></span>
+ <time>September 11, 2008</time>
+ <span class="thecategory"><a href="#" rel="category tag">Awesomeness</a></span>
+ </div>
+ </header><!--.header-->
+ <div class="post-content image-caption-format-1">
+ <a href="#" rel="nofollow" id="featured-thumbnail">
+
+ <div class="featured-thumbnail"></div> </a>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+ Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla.
+ Sed convallis orci. Duis libero orci, pretium a, convallis quis,
+ pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum
+ consequat. Proin vestibulum. Ut ligula. Nullam sed dolor id odio
+ volutpat pulvinar. Integer a leo. In et eros </p>
+ <p class="more"><a href="#">Read More…</a>
+ </p>
+ </div>
+ </div><!--.post excerpt-->
+
+ <div class="post excerpt last">
+ <header>
+ <div class="bubble"><a href="#">0</a></div>
+ <h2 class="title">
+ <a href="#" rel="bookmark">A Post With A Left-Aligned Image</a>
+ </h2>
+ <div class="post-info">
+ <span class="theauthor"><a href="#" rel="author">MTS</a></span>
+ <time>September 11, 2008</time>
+ <span class="thecategory"><a href="#" rel="category tag">Parent Category II</a>, <a href="#" rel="category tag">Parent Category III</a></span>
+ </div>
+ </header><!--.header-->
+ <div class="post-content image-caption-format-1">
+ <a href="#" rel="nofollow" id="featured-thumbnail">
+
+ <div class="featured-thumbnail"><img src="images/3478158612_4a09ab2d3c-150x150.jpg" class="attachment-featured wp-post-image" height="150" width="150"></div> </a>
+ <p>Nulla sagittis convallis arcu. Sed sed nunc. Curabitur
+ consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et,
+ nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce
+ in est. Sed nec diam. Pellentesque habitant morbi tristique senectus et
+ netus et malesuada fames ac turpis egestas. Quisque semper nibh eget
+ nibh. Sed tempor. </p>
+ <p class="more"><a href="#">Read More…</a>
+ </p>
+ </div>
+ </div><!--.post excerpt-->
+
+ <div class="pnavigation2">
+ <div class="nav-previous left"><a href="#"><span class="meta-nav">←</span> Older posts</a></div>
+ <div class="nav-next right"></div>
+ </div>
+
+ </div>
+ </article>
+
+ <aside class="sidebar c-4-12">
+ <div id="sidebars" class="g">
+ <div class="sidebar">
+ <ul class="sidebar_list">
+ <li class="widget widget-sidebar">
+ <form method="get" id="searchform" class="search-form" _lpchecked="1">
+ <fieldset>
+ <input name="s" id="s" value="Search this Site..." type="text">
+ <input id="search-image" class="sbutton" src="images/search.png" style="border: 0px none; vertical-align: top;" type="image">
+ </fieldset>
+ </form>
+ </li>
+
+ <li class="widget widget-sidebar"><div class="ad-300"><a href="#"><img src="images/stylishuserinterface300x250.jpg" height="250" width="300"></a></div></li>
+ <li class="widget widget-sidebar"><h3>Our Sponsors</h3><div class="ad-125"><ul><li class="oddad"><a href="#"><img src="images/125x125.gif" height="125" width="125"></a></li><li class="evenad"><a href="#"><img src="images/125x125.gif" height="125" width="125"></a></li></ul></div></li>
+ <li class="widget widget-sidebar"> <h3>Recent Posts</h3> <ul>
+ <li><a href="#">Porttitor Lectus Tincidunt Elementum Nascetur Montes</a></li>
+ <li><a href="#">Mauris Dictum Libero Id Justo Fusce In Est</a></li>
+ <li><a href="#">Cum Sociis Natoque Penatibus Magnis</a></li>
+ <li><a href="#">Aliquet Pid Massa Porttitor Dictumst Ac Aenean A Dolor?</a></li>
+ <li><a href="#">Quotes Time!</a></li>
+ </ul>
+ </li>
+ <li class="widget widget-sidebar">
+ <div class="mts-subscribe">
+
+ <form style="" action="#" method="post" target="popupwindow" _lpchecked="1">
+ <input value="Your email Address..." type="text">
+ <input value="mythemeshop" name="uri" type="hidden"><input name="loc" value="en_US" type="hidden"><input value="Subscribe" type="submit">
+ </form>
+
+ <div class="result"></div>
+
+ </div><!--subscribe_widget-->
+
+ </li>
+ </ul>
+ </div>
+ </div><!--sidebars-->
+ </aside>
+
+ </div><!--#page-->
+</div><!--.container-->
+ <footer>
+ <div class="container">
+ <div class="footer-widgets">
+ <div class="f-widget">
+ <div class="widget"><h3>Lorem ipsum</h3>
+ <div class="textwidget">Lorem
+ ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam
+ augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis
+ orci. Duis libero orci, pretium a.</div>
+ </div>
+ </div>
+ <div class="f-widget">
+ <div class="widget"><h3>Consectetuer adipiscing</h3> <div class="textwidget">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <a href="#">Curabitur</a> quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a.</div>
+ </div>
+ </div>
+ <div class="f-widget last">
+ <div class="widget"> <h3>Recent Posts</h3> <ul>
+ <li><a href="#">Porttitor Lectus Tincidunt Elementum Nascetur Montes</a></li>
+ <li><a href="#">Mauris Dictum Libero Id Justo Fusce In Est</a></li>
+ <li><a href="#">Cum Sociis Natoque Penatibus Magnis</a></li>
+ <li><a href="#">Aliquet Pid Massa Porttitor Dictumst Ac Aenean A Dolor?</a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="copyrights">
+ <div class="row" id="copyright-note">
+ <span>© 2012</span> - <span>Theme by <a href="http://mythemeshop.com/">MyThemeShop</a>.</span>
+ </div>
+ <div class="top"><a href="#">Back to Top ↑</a></div>
+ </div>
+ </div><!--.footer-widgets-->
+ </div><!--.container-->
+ </footer><!--footer-->
+
+</body></html>
diff --git a/themes/parkzone/index.php b/themes/parkzone/index.php
@@ -0,0 +1,156 @@
+<!doctype html>
+<!--
+AUTHOR
+Design and code by: http://www.free-responsive-templates.com
+Free stock photos by: http://free-responsive-templates.com/category/free-stock-photos/
+Created: 18 September 2012
+
+LICENSE
+Released for free under a Creative Commons Attribution 3.0 Unported License (CC BY 3.0)
+http://creativecommons.org/licenses/by/3.0/
+License: http://free-responsive-templates.com/license/
+
+SUPPORT
+E-mail: free.responsive.templates@gmail.com
+Contact: http://free-responsive-templates.com/contact/
+-->
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Template- Park Zone</title>
+<link href='http://fonts.googleapis.com/css?family=Lustria|Niconne|McLaren' rel='stylesheet' type='text/css'>
+<link href="css/styles.css" rel="stylesheet" type="text/css">
+<link rel='stylesheet' id='camera-css' href='css/camera.css' type='text/css' media='all'>
+<script type='text/javascript' src='scripts/jquery.min.js'></script>
+<script type='text/javascript' src='scripts/jquery.mobile.customized.min.js'></script>
+<script type='text/javascript' src='scripts/jquery.easing.1.3.js'></script>
+<script type='text/javascript' src='scripts/camera.min.js'></script>
+<script>
+ jQuery(function(){
+
+ jQuery('#camera_wrap_1').camera({
+ thumbnails: true
+ });
+ });
+</script>
+</head>
+<body>
+<header>
+ <h1><a href="">park zone</a></h1>
+ <hr>
+ <hr>
+ <nav>
+ <ul>
+ <li class="active"><a href="">Home</a></li>
+ <li><a href="">About</a></li>
+ <li><a href="">Services</a></li>
+ <li><a href="">Blog</a></li>
+ <li><a href="">Contact</a></li>
+ </ul>
+ </nav>
+ <hr>
+ <hr>
+ <div class="clearfloat"></div>
+</header>
+<div class="wrapper">
+ <!--begin Welcome-->
+ <div class="welcome">
+ <!--begin slider-->
+ <div class="camera_wrap camera_azure_skin" id="camera_wrap_1">
+ <div data-thumb="images/slides/thumbs/1.jpg" data-src="images/slides/1.jpg">
+ <div class="camera_caption fadeFromBottom">Park 1! <em>Park Zone description</em></div>
+ </div>
+ <div data-thumb="images/slides/thumbs/2.jpg" data-src="images/slides/2.jpg">
+ <div class="camera_caption fadeFromBottom">Park 2! <em>Park Zone description</em></div>
+ </div>
+ <div data-thumb="images/slides/thumbs/3.jpg" data-src="images/slides/3.jpg">
+ <div class="camera_caption fadeFromBottom">Park 3! <em>Park Zone description</em></div>
+ </div>
+ <div data-thumb="images/slides/thumbs/4.jpg" data-src="images/slides/4.jpg">
+ <div class="camera_caption fadeFromBottom">Park 4! <em>Park Zone description</em></div>
+ </div>
+ <div data-thumb="images/slides/thumbs/5.jpg" data-src="images/slides/5.jpg">
+ <div class="camera_caption fadeFromBottom">Park 5! <em>Park Zone description</em></div>
+ </div>
+ </div>
+ <!--end slider-->
+ <div class="wel">
+ <h2>Welcome</h2>
+ <p>
+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
+ </p>
+ <p>
+ It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
+ </p>
+ </div>
+ <hr>
+ <hr>
+ <div class="testimonials">
+ <h2>Testimonials</h2>
+ <div class="testim">
+ <p>
+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown
+ </p>
+ <span>Julia White</span>
+ </div>
+ <div class="testim">
+ <p>
+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown
+ </p>
+ <span>Julia White</span>
+ </div>
+ </div>
+ </div>
+ <!--end Welcome-->
+ <!--begin Sidebar -->
+ <div class="sidebar">
+ <div class="sBox">
+ <h2>Sidebar</h2>
+ <ul>
+ <li><a href="">Lorem Ipsum is simply </a></li>
+ <li><a href="">Dummy text of the</a></li>
+ <li><a href="">Printing and typesetting</a></li>
+ <li><a href="">Industry lorem Ipsum</a></li>
+ <li><a href="">Has been the industry's</a></li>
+ <li><a href="">Standard dummy text</a></li>
+ <li><a href="">Ever since the 1500s</a></li>
+ <li><a href="">When an unknown</a></li>
+ <li><a href="">Printer took a galley</a></li>
+ </ul>
+ </div>
+ <div class="sBox">
+ <h2>Park List</h2>
+ <ul>
+ <li><a href="">Lorem Ipsum is simply </a></li>
+ <li><a href="">Dummy text of the</a></li>
+ <li><a href="">Printing and typesetting</a></li>
+ <li><a href="">Industry lorem Ipsum</a></li>
+ <li><a href="">Has been the industry's</a></li>
+ <li><a href="">Standard dummy text</a></li>
+ <li><a href="">Ever since the 1500s</a></li>
+ <li><a href="">When an unknown</a></li>
+ <li><a href="">Printer took a galley</a></li>
+ </ul>
+ </div>
+ </div>
+ <!--end Sidebar-->
+ <div class="clearfloat"></div>
+</div>
+<footer>
+ <hr>
+ <hr>
+ <p>
+ Copyright © <a href="#">Your Site Name</a> | Designed by <a href="http://www.free-responsive-templates.com" title="free responsive templates">Free Responsive Templates</a>
+ </p>
+ <div class="icons">
+ <ul>
+ <li><a href=""><img src="images/facebook.png" alt="facebook icon"></a></li>
+ <li><a href=""><img src="images/twitter.png" alt="twitter icon"></a></li>
+ <li><a href=""><img src="images/googleplus.png" alt="google plus icon"></a></li>
+ <li><a href=""><img src="images/dribbble.png" alt="dribble icon"></a></li>
+ </ul>
+ </div>
+</footer>
+</body>
+</html>
diff --git a/themes/zResponsive/index.php b/themes/zResponsive/index.php
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8">
+ <title>zResponsive Free Html5 Responsive Template</title>
+ <meta name="description" content="Free Html5 Templates and Free Responsive Themes Designed by Kimmy | zerotheme.com">
+ <meta name="author" content="www.zerotheme.com">
+
+ <!-- Mobile Specific Metas
+ ================================================== -->
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
+ <!-- CSS
+ ================================================== -->
+ <link rel="stylesheet" href="css/zerogrid.css">
+ <link rel="stylesheet" href="css/style.css">
+ <link rel="stylesheet" href="css/responsive.css">
+ <link rel="stylesheet" href="css/responsiveslides.css" />
+
+ <!--[if lt IE 8]>
+ <div style=' clear: both; text-align:center; position: relative;'>
+ <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
+ <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
+ </a>
+ </div>
+ <![endif]-->
+ <!--[if lt IE 9]>
+ <script src="js/html5.js"></script>
+ <script src="js/css3-mediaqueries.js"></script>
+ <![endif]-->
+
+ <link href='./images/favicon.ico' rel='icon' type='image/x-icon'/>
+
+ <script src="js/jquery.min.js"></script>
+ <script src="js/responsiveslides.js"></script>
+ <script>
+ $(function () {
+ $("#slider").responsiveSlides({
+ auto: true,
+ pager: true,
+ nav: true,
+ speed: 500,
+ maxwidth: 800,
+ namespace: "centered-btns"
+ });
+ });
+ </script>
+
+</head>
+<body>
+<!--------------Header--------------->
+<header>
+ <div class="zerogrid">
+ <div class="row">
+ <div class="col05">
+ <div id="logo"><a href=""><img src="./images/logo.png"/></a></div>
+ </div>
+ <div class="col06 offset05">
+ <div id='search-box'>
+ <form action='' id='search-form' method='get' target='_top'>
+ <input id='search-text' name='q' placeholder='type here' type='text'/>
+ <button id='search-button' type='submit'><span>Search</span></button>
+ </form>
+ </div>
+ </div>
+ </div>
+ </div>
+</header>
+
+<!--------------Navigation--------------->
+
+<nav>
+ <ul>
+ <li><a href="#">Home</a></li>
+ <li><a href="#">Blog</a></li>
+ <li><a href="#">Gallery</a></li>
+ <li><a href="#">Contact</a></li>
+ <li><a href="#">About</a></li>
+ </ul>
+</nav>
+
+
+<!--------------Content--------------->
+<section id="content">
+ <div class="zerogrid">
+ <div class="row block">
+ <div class="main-content col11">
+
+ <div class="rslides_container">
+ <ul class="rslides" id="slider">
+ <li><img src="images/1.jpg"/></li>
+ <li><img src="images/2.jpg"/></li>
+ <li><img src="images/3.jpg"/></li>
+ <li><img src="images/4.jpg"/></li>
+ </ul>
+ </div>
+
+ <article>
+ <div class="heading">
+ <h2><a href="#">Sample post with, links, paragraphs and comments</a></h2>
+ <p class="info">>>> Posted by Admin - 01/01/2012 - 0 Comments</p>
+ </div>
+ <div class="content">
+ <img src="images/thumb1.jpg"/>
+ <p>Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit.Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit.</p>
+ </div>
+ <div class="footer">
+ <p class="more"><a class="button" href="#">Read more >></a></p>
+ </div>
+ </article>
+ <article>
+ <div class="heading">
+ <h2><a href="#">This is Just Going To Be Another Test Post</a></h2>
+ <p class="info">>>> Posted by Admin - 01/01/2012 - 0 Comments</p>
+ </div>
+ <div class="content">
+ <img src="images/thumb2.jpg"/>
+ <p>Lorem ipsum eu usu assum liberavisse, ut munere praesent complectitur mea. Sit an option maiorum principes. Ne per probo magna idque, est veniam exerci appareat no. Sit at amet propriae intellegebat, natum iusto forensibus duo ut. Pro hinc aperiri fabulas ut, probo tractatos euripidis an vis, ignota oblique ut nec. Ad ius munere soluta deterruisset, quot veri id vim, te vel bonorum ornatus persequeris. Sea stet iudico cetero cu, ut mei ferri mnesarchum, at duo enim vivendum abhorreant. Usu eruditi veritus vivendo ut, ut cibo lucilius inciderint eam, ne hinc discere explicari sea. Nam iusto delicata ne, eam dolore singulis maiestatis ex. Cu eruditi dolorem accusam pri, ea vidisse aliquip forensibus eam, ut erant labore fastidii has. Cum quod saepe periculis ea, eos iuvaret maiorum moderatius eu, pro ferri scaevola mnesarchum ut.</p>
+ </div>
+ <div class="footer">
+ <p class="more"><a class="button" href="#">Read more >></a></p>
+ </div>
+ </article>
+ <article>
+ <div class="heading">
+ <h2><a href="#">This Is Going To Be A Decent Length Title With Little Text</a></h2>
+ <p class="info">>>> Posted by Admin - 01/01/2012 - 0 Comments</p>
+ </div>
+ <div class="content">
+ <img src="images/thumb3.jpg"/>
+ <p>Lorem ipsum no has veniam elaboraret constituam, ne nibh posidonium vel. Has ad quaeque omittantur, malis abhorreant eam no, qui cu minim placerat definitionem. Et sonet ludus apeirian mei, ut tibique corpora posidonium vis, iusto nominavi prodesset in pro. Ad mea omnes aliquando, idque democritum incorrupte at sed, nostrud feugiat consetetur duo in. Aeque reformidans ex quo, facilisis appellantur ea mei. Illud scaevola pertinacia mel ad, est ex tractatos aliquando, cibo eloquentiam ea per. Cibo quas assum mel an, mel partiendo adipiscing quaerendum ne, dictas iisque ad usu. Invenire delicata sit at, ad est mollis civibus corrumpit. Ne has delenit eligendi splendide, harum numquam epicuri quo ea, sed verear aliquando consequuntur eu. Ad mea mucius expetenda liberavisse, mei ea assentior dissentiunt, delectus antiopam disputando vel ad. Ad pro erat quaeque suscipiantur, vis alia pertinacia at, ei duo zzril tibique necessitatibus. Tritani reprehendunt et vel, et habeo viderer eruditi eos, ornatus pertinax periculis mel ea.</p>
+ </div>
+ <div class="footer">
+ <p class="more"><a class="button" href="#">Read more >></a></p>
+ </div>
+ </article>
+ </div>
+
+ <div class="sidebar col05">
+ <section>
+ <div class="heading">About us</div>
+ <div class="content">
+ Free Basic Html5 Templates created by <a href="http://www.zerotheme.com">Zerotheme</a>. You can use and modify the template for both personal and commercial use. You must keep all copyright information and credit links in the template and associated files.
+ </div>
+ </section>
+ <section>
+ <div class="heading">Categories</div>
+ <div class="content">
+ <ul class="list">
+ <li><a href="http://www.zerotheme.com">Free Html5 Templates</a></li>
+ <li><a href="http://www.zerotheme.com">Free Css3 Templates</a></li>
+ <li><a href="http://www.zerotheme.com">Free Responsive Html5 Templates</a></li>
+ <li><a href="http://www.zerotheme.com">Free Basic Html5 Templates</a></li>
+ <li><a href="http://www.zerotheme.com">Free Layout Html5 Templates</a></li>
+ </ul>
+ </div>
+ </section>
+ <section>
+ <div class="heading">Links List</div>
+ <div class="content">
+ <ul class="list">
+ <li><a href="#">Free html5 templates</a></li>
+ <li><a href="#">Free css3 menus</a></li>
+ <li><a href="#">Free responsive html5 themes</a></li>
+ <li><a href="#">Free onepage html5 themes</a></li>
+ <li><a href="#">Free animated html5 themes</a></li>
+ </ul>
+ </div>
+ </section>
+ <section>
+ <div class="heading">Popular Post</div>
+ <div class="content">
+ <section>
+ <img src="images/thumb4.jpg"/>
+ <h4><a href="#">Sample post with, links, paragraphs and comments</a></h4>
+ <p>Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices.</p>
+ </section>
+ <section>
+ <img src="images/thumb5.jpg"/>
+ <h4><a href="#">This is Just Going To Be Another Test Post</a></h4>
+ <p>Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices.</p>
+ </section>
+ <section>
+ <img src="images/thumb6.jpg"/>
+ <h4><a href="#">This Is Going To Be A Decent Length Title With Little Text</a></h4>
+ <p>Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices.</p>
+ </section>
+ </div>
+ </section>
+ </div>
+
+ </div>
+ </div>
+</section>
+<!--------------Footer--------------->
+<footer>
+ <div class="zerogrid">
+ <div class="row">
+ <section class="col-1-3">
+ <div class="heading">About us</div>
+ <div class="content">
+ Free Basic Html5 Templates created by <a href="http://www.zerotheme.com">Zerotheme</a>. You can use and modify the template for both personal and commercial use. You must keep all copyright information and credit links in the template and associated files.
+ </div>
+ </section>
+ <section class="col-1-3">
+ <div class="heading">Categories</div>
+ <div class="content">
+ <ul>
+ <li><a href="http://www.zerotheme.com">Free Html5 Templates</a></li>
+ <li><a href="http://www.zerotheme.com">Free Css3 Templates</a></li>
+ <li><a href="http://www.zerotheme.com">Free Responsive Html5 Templates</a></li>
+ <li><a href="http://www.zerotheme.com">Free Basic Html5 Templates</a></li>
+ <li><a href="http://www.zerotheme.com">Free Layout Html5 Templates</a></li>
+ </ul>
+ </div>
+ </section>
+ <section class="col-1-3">
+ <div class="heading">Featured Post</div>
+ <div class="content">
+ <table border="0px">
+ <tr>
+ <td><img src="images/thumb4.jpg"/></td>
+ <td><img src="images/thumb5.jpg"/></td>
+ <td><img src="images/thumb6.jpg"/></td>
+ </tr>
+ <tr>
+ <td><img src="images/thumb6.jpg"/></td>
+ <td><img src="images/thumb5.jpg"/></td>
+ <td><img src="images/thumb4.jpg"/></td>
+ </tr>
+ </table>
+ </div>
+ </section>
+ </div>
+ </div>
+</footer>
+
+<div id="copyright">
+ <p>Copyright © 2012 - Domain Name</p>
+ <p><a href="http://www.zerotheme.com/432/free-responsive-html5-css3-website-templates.html" target="_blank">Free Responsive Html5 Templates</a> by <a href="http://www.zerotheme.com" target="_blank">Zerotheme.com</a></p>
+</div>
+
+</body></html>
+\ No newline at end of file
