first commit
This commit is contained in:
CHIEFSOFT\ameye
@@ -0,0 +1,2 @@
|
||||
# ~/.bash_logout
|
||||
|
||||
@@ -0,0 +1,12 @@
|
||||
# .bash_profile
|
||||
|
||||
# Get the aliases and functions
|
||||
if [ -f ~/.bashrc ]; then
|
||||
. ~/.bashrc
|
||||
fi
|
||||
|
||||
# User specific environment and startup programs
|
||||
|
||||
PATH=$PATH:$HOME/bin
|
||||
|
||||
export PATH
|
||||
@@ -0,0 +1,8 @@
|
||||
# .bashrc
|
||||
|
||||
# Source global definitions
|
||||
if [ -f /etc/bashrc ]; then
|
||||
. /etc/bashrc
|
||||
fi
|
||||
|
||||
# User specific aliases and functions
|
||||
Generated
+8
@@ -0,0 +1,8 @@
|
||||
# Default ignored files
|
||||
/shelf/
|
||||
/workspace.xml
|
||||
# Editor-based HTTP Client requests
|
||||
/httpRequests/
|
||||
# Datasource local storage ignored files
|
||||
/dataSources/
|
||||
/dataSources.local.xml
|
||||
Generated
+8
@@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<module type="WEB_MODULE" version="4">
|
||||
<component name="NewModuleRootManager">
|
||||
<content url="file://$MODULE_DIR$" />
|
||||
<orderEntry type="inheritedJdk" />
|
||||
<orderEntry type="sourceFolder" forTests="false" />
|
||||
</component>
|
||||
</module>
|
||||
Generated
+8
@@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ProjectModuleManager">
|
||||
<modules>
|
||||
<module fileurl="file://$PROJECT_DIR$/.idea/icare.iml" filepath="$PROJECT_DIR$/.idea/icare.iml" />
|
||||
</modules>
|
||||
</component>
|
||||
</project>
|
||||
Generated
+19
@@ -0,0 +1,19 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="MessDetectorOptionsConfiguration">
|
||||
<option name="transferred" value="true" />
|
||||
</component>
|
||||
<component name="PHPCSFixerOptionsConfiguration">
|
||||
<option name="transferred" value="true" />
|
||||
</component>
|
||||
<component name="PHPCodeSnifferOptionsConfiguration">
|
||||
<option name="highlightLevel" value="WARNING" />
|
||||
<option name="transferred" value="true" />
|
||||
</component>
|
||||
<component name="PhpStanOptionsConfiguration">
|
||||
<option name="transferred" value="true" />
|
||||
</component>
|
||||
<component name="PsalmOptionsConfiguration">
|
||||
<option name="transferred" value="true" />
|
||||
</component>
|
||||
</project>
|
||||
@@ -0,0 +1,23 @@
|
||||
version: '3'
|
||||
services:
|
||||
icare-web:
|
||||
build:
|
||||
context: .
|
||||
dockerfile: docker/apache/Dockerfile
|
||||
args:
|
||||
uid: ${UID}
|
||||
environment:
|
||||
- APACHE_RUN_USER=#${UID}
|
||||
- APACHE_RUN_GROUP=#${UID}
|
||||
#- CI_ENV
|
||||
- CI_CONFIG
|
||||
restart: unless-stopped
|
||||
volumes:
|
||||
- ./:/var/www/html
|
||||
- ./apache_log:/var/log/apache2
|
||||
ports:
|
||||
- 55200:80
|
||||
extra_hosts:
|
||||
- oameye.works.wrenchboard.com:10.20.30.27
|
||||
volumes:
|
||||
src:
|
||||
@@ -0,0 +1,11 @@
|
||||
<VirtualHost *:80>
|
||||
ServerAdmin works@chiefsoft.com
|
||||
ServerName oameye.works.wrenchboard.com
|
||||
DocumentRoot /var/www/html/web
|
||||
|
||||
<Directory /var/www/html>
|
||||
Options Indexes FollowSymLinks
|
||||
AllowOverride All
|
||||
Require all granted
|
||||
</Directory>
|
||||
</VirtualHost>
|
||||
@@ -0,0 +1,56 @@
|
||||
FROM php:7.4-apache
|
||||
RUN echo "ServerName localhost" >> /etc/apache2/apache2.conf
|
||||
RUN apt-get update
|
||||
RUN apt-get install -y \
|
||||
git \
|
||||
zip \
|
||||
curl \
|
||||
sudo \
|
||||
unzip \
|
||||
libicu-dev \
|
||||
libbz2-dev \
|
||||
libpng-dev \
|
||||
libjpeg-dev \
|
||||
libmcrypt-dev \
|
||||
libreadline-dev \
|
||||
libfreetype6-dev \
|
||||
libpq-dev \
|
||||
g++
|
||||
|
||||
RUN docker-php-ext-install \
|
||||
bz2 \
|
||||
intl \
|
||||
bcmath \
|
||||
opcache \
|
||||
calendar \
|
||||
pdo_mysql \
|
||||
mysqli \
|
||||
pdo \
|
||||
pdo_pgsql \
|
||||
pgsql
|
||||
|
||||
# 2. set up document root for apache
|
||||
COPY docker/apache/000-default.conf /etc/apache2/sites-available/000-default.conf
|
||||
|
||||
# 3. mod_rewrite for URL rewrite and mod_headers for .htaccess extra headers like Access-Control-Allow-Origin-
|
||||
RUN a2enmod rewrite headers
|
||||
|
||||
# 4. start with base php config, then add extensions
|
||||
RUN mv "$PHP_INI_DIR/php.ini-development" "$PHP_INI_DIR/php.ini"
|
||||
|
||||
# 5. Composer
|
||||
RUN curl -sS https://getcomposer.org/installer | php
|
||||
RUN mv composer.phar /usr/local/bin/composer
|
||||
RUN chmod +x /usr/local/bin/composer
|
||||
RUN composer self-update
|
||||
|
||||
COPY / /var/www/html/
|
||||
# 6. we need a user with the same UID/GID with host user
|
||||
# so when we execute CLI commands, all the host file's ownership remains intact
|
||||
# otherwise command from inside container will create root-owned files and directories
|
||||
ARG uid=1000
|
||||
RUN useradd -G www-data,root -u $uid -d /home/devuser devuser
|
||||
RUN mkdir -p /home/devuser/.composer && \
|
||||
chown -R devuser:devuser /home/devuser
|
||||
|
||||
EXPOSE 80
|
||||
@@ -0,0 +1,314 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if IE 7]> <html class="ie7 no-js" lang="en"> <![endif]-->
|
||||
<!--[if lte IE 8]> <html class="ie8 no-js" lang="en"> <![endif]-->
|
||||
<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en"> <!--<![endif]-->
|
||||
<head>
|
||||
<title>Freely | Services</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<link rel="shortcut" href="images/favicon.ico" />
|
||||
<link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
|
||||
|
||||
<!-- initialize jQuery Library -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/modernizr.custom.js"></script>
|
||||
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
|
||||
<script type="text/javascript" src="js/ie.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
</head>
|
||||
<body class="color-1 pattern-1 h-style-1 text-1">
|
||||
|
||||
<!-- ***************** - BEGIN Top Holder - ***************** -->
|
||||
<div class="top-holder"></div><!--/ top-holder-->
|
||||
<!-- ***************** - END Top Holder - ******************* -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Wrapper - ******************* -->
|
||||
<div id="wrapper">
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Header - ******************* -->
|
||||
<header class="clearfix">
|
||||
<div class="logo"><a href="index.html"><img src="images/logo.png" alt="" /></a></div><!--/ logo-->
|
||||
<div class="info-call">
|
||||
<p>
|
||||
For additional information call: <span>+00 123456789</span>
|
||||
</p>
|
||||
</div><!--/ info-call-->
|
||||
</header>
|
||||
<!-- ***************** - END Header - ******************* -->
|
||||
|
||||
|
||||
<div id="content-wrapper">
|
||||
<section id="content">
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Navigation - ************** -->
|
||||
<nav class="navigation" id="navigation">
|
||||
<ul>
|
||||
<li><a href="index.html"><span>Home</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="index.html">Nivo Slider</a></li>
|
||||
<li><a href="index-4.html">Circle Effect Slider</a></li>
|
||||
<li><a href="index-2.html">Elegant Accordion</a></li>
|
||||
<li><a href="index-5.html">Rama Slider</a></li>
|
||||
<li><a href="index-3.html">Mosaic</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="current-menu-item"><a href="about-us.html"><span>Pages</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="about-us.html">About</a></li>
|
||||
<li><a href="services.html">Services</a></li>
|
||||
<li><a href="#">Dropdown</a>
|
||||
<ul>
|
||||
<li><a href="#">Drowdown 1</a></li>
|
||||
<li><a href="#">Drowdown 2</a></li>
|
||||
<li><a href="#">Drowdown 3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="active"><a href="404error.html">404 Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="headings.html"><span>Features</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="headings.html">Headings</a></li>
|
||||
<li><a href="images-and-floats.html">Images and floats</a></li>
|
||||
<li><a href="pricing-tables.html">Pricing Tables</a></li>
|
||||
<li><a href="typography.html">Typography</a></li>
|
||||
<li><a href="toggle.html">FAQ Toggle</a></li>
|
||||
<li><a href="tables.html">Tables</a></li>
|
||||
<li><a href="buttons.html">Buttons</a></li>
|
||||
<li><a href="columns.html">Column Layout</a></li>
|
||||
<li><a href="tabs.html">Tabs</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="gallery.html"><span>Gallery</span></a></li>
|
||||
<li><a href="portfolio-1col.html"><span>Portfolio</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="portfolio-1col.html">Portfolio 1 Column</a></li>
|
||||
<li><a href="portfolio-2col.html">Portfolio 2 Columns</a></li>
|
||||
<li><a href="portfolio-3col.html">Portfolio 3 Columns</a></li>
|
||||
<li><a href="portfolio-single.html">Portfolio Single Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="blog-style1.html"><span>Blog</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="blog-style1.html">Blog Page</a></li>
|
||||
<li><a href="blog-style2.html">Alternative Blog Page</a></li>
|
||||
<li><a href="blog-details.html">Blog Single Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="contacts.html"><span>Contacts</span></a></li>
|
||||
</ul>
|
||||
<div class="search-top">
|
||||
<form action="/" class="inline-search">
|
||||
<fieldset>
|
||||
<input type="text" name="search" />
|
||||
<input type="submit" name="s" />
|
||||
</fieldset>
|
||||
</form><!--/ inline-search-->
|
||||
</div><!--/ search-top-->
|
||||
<div class="clear"></div>
|
||||
</nav><!--/ navigation-->
|
||||
<!-- ************ - END Navigation - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Breadcrumbs - ************** -->
|
||||
<div id="breadcrumbs">
|
||||
<a title="Home" href="#">Home »</a> 404 Page
|
||||
</div><!--/ breadcrumbs-->
|
||||
<!-- ************ - END Breadcrumbs - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Content Wrapper - ************** -->
|
||||
<div class="holder404">
|
||||
<div class="mask404">
|
||||
<div class="error404">
|
||||
<div class="e404"><h1>404</h1></div>
|
||||
<div class="title_error">Page Not Found</div>
|
||||
<div class="description_error">Sorry, the page you requested may have been moved or deleted</div>
|
||||
<a href="index.html" class="button green small">Get me back to homepage!</a>
|
||||
</div><!--/ error404-->
|
||||
</div>
|
||||
</div><!--/ 404-holder-->
|
||||
<!-- ************ - END Content Wrapper - ************** -->
|
||||
|
||||
|
||||
</section><!--/ content-->
|
||||
|
||||
|
||||
<!-- ***************** - Begin Footer - ***************** -->
|
||||
<footer>
|
||||
|
||||
<div class="entry-footer">
|
||||
|
||||
<div class="one_third">
|
||||
<h3>Twitter Feed</h3>
|
||||
<div id="jstwitter"></div>
|
||||
</div><!--/ one_third-->
|
||||
|
||||
<div class="one_third">
|
||||
<h3>From The Blog</h3>
|
||||
<div class="latest_posts">
|
||||
<ul>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-1.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Lorem ipsum dolor sit amet consectetur</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-2.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Ipsum dolor sit amet consectetur adipisicing</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-3.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Dolor sit amet consectetur adipisicing elit</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
</ul>
|
||||
<a class="see-all" href="blog-style1.html">See all</a>
|
||||
</div><!--/ latest_posts-->
|
||||
</div><!--/ one_third-->
|
||||
|
||||
<div class="one_third_last">
|
||||
<h3>Contact Info</h3>
|
||||
<div class="widget_text widget">
|
||||
<p>Consectetur adipisicing elit, sed do eiusmod tempor incididunt </p>
|
||||
<strong>Phone: +00 123456789</strong> <br />
|
||||
<strong>E-mail:</strong> <a href="mailto:yoursite@yoursite.com">yoursite@yoursite.com</a>
|
||||
</div><!--/ widget_text-->
|
||||
|
||||
<div class="social_widget widget">
|
||||
<h3>Socialize With Us</h3>
|
||||
<ul>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon1" href="#">Facebook</a></li>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon2" href="#">Twitter</a></li>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon3" href="#">Rss</a></li>
|
||||
</ul>
|
||||
</div><!--/ social_widget-->
|
||||
|
||||
</div><!--/ one_third_last-->
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
</div><!--/ entry-footer-->
|
||||
|
||||
</footer><!--/ footer-->
|
||||
<!-- ***************** - END Footer - ***************** -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Copyright - ***************** -->
|
||||
<div class="copyright">Copyright © 2024 - 2012. ThemeMakers. All rights reserved</div>
|
||||
<div class="developed">developed by <a target="_blank" href="http://webtemplatemasters.com">ThemeMakers</a></div>
|
||||
<!-- ***************** - END Copyright - ***************** -->
|
||||
|
||||
|
||||
</div><!--/ #content-wrapper-->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Sidebar - ******************* -->
|
||||
<aside id="sidebar">
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Categories Widget - *************** -->
|
||||
<div class="categories_widget widget">
|
||||
<h3 class="widget-title">Categories</h3>
|
||||
<ul class="categories">
|
||||
<li><a href="blog-style1.html">Lorem ipsum dolor sit amet</a></li>
|
||||
<li><a href="blog-style2.html">Consectetur adipisicing </a></li>
|
||||
<li><a href="blog-style2.html">Elit sed do eiusmod </a></li>
|
||||
<li><a href="blog-style1.html">Tempor incididunt ut labore </a></li>
|
||||
<li><a href="blog-style2.html">Et dolore magna aliqua</a></li>
|
||||
<li><a href="blog-style1.html">Ut enim ad minim </a></li>
|
||||
<li><a href="blog-style2.html">Veniam quis nostrud</a></li>
|
||||
<li><a href="blog-style1.html">Esse cillum dolore eu </a></li>
|
||||
<li><a href="blog-style2.html">Fugiat nulla pariat</a></li>
|
||||
<li><a href="blog-style1.html">Excepteur sint occaeca</a></li>
|
||||
<li><a href="blog-style2.html">Cupidatat non</a></li>
|
||||
</ul>
|
||||
</div><!--/ categories_widget-->
|
||||
<!-- ************* - END Categories Widget - *************** -->
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Testimonials Widget - *************** -->
|
||||
<div class="testimonials widget">
|
||||
<div class="quote-text">
|
||||
<p>"Etiam consequat, tortor nec feugiat faucibus, libero eget ullamcorper"
|
||||
<span class="quote-author">-Brandon Green-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
<div class="quote-text">
|
||||
<p>"Cras euismod, est et semper viverra, augue magna luctus neque, ac tincidunt felis nisl euismod nisi."
|
||||
<span class="quote-author">-John Resig-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
<div class="quote-text">
|
||||
<p>"Quisque sit amet odio eu ipsum sollicitudin porttitor ut a nisl. Vestibulum lobortis ultrices justo, id feugiat enim fermentum non. "
|
||||
<span class="quote-author">-Amanda Smith-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
</div><!--/ testimonials -->
|
||||
<!-- ************* - END Testimonials Widget - *************** -->
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Latest Widget - *************** -->
|
||||
<div class="latest_posts widget">
|
||||
<h3 class="widget-title">Latest News</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-1.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Lorem ipsum dolor sit amet consectetur</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-2.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Ipsum dolor sit amet consectetur adipisicing</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-2.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Ipsum dolor sit amet consectetur adipisicing</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
</ul>
|
||||
<a class="see-all" href="blog-details.html">See all news</a>
|
||||
</div><!--/ latest_posts-->
|
||||
<!-- ************* - END Latest Widget - *************** -->
|
||||
|
||||
|
||||
</aside><!--/ sidebar-->
|
||||
<div class="clear"></div>
|
||||
<!-- ***************** - END Sidebar - ******************* -->
|
||||
|
||||
|
||||
</div><!--/ wrapper-->
|
||||
<!-- ***************** - END Wrapper - ***************** -->
|
||||
|
||||
<div id="back-top">
|
||||
<a href="#top"></a>
|
||||
</div><!--/ back-top-->
|
||||
|
||||
<script type="text/javascript" src="js/general.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,203 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if IE 7]> <html class="ie7 no-js" lang="en"> <![endif]-->
|
||||
<!--[if lte IE 8]> <html class="ie8 no-js" lang="en"> <![endif]-->
|
||||
<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en"> <!--<![endif]-->
|
||||
<head>
|
||||
<title>iCare</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<link rel="shortcut" href="images/favicon.ico" />
|
||||
<link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
|
||||
|
||||
<!-- initialize jQuery Library -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/modernizr.custom.js"></script>
|
||||
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
|
||||
<script type="text/javascript" src="js/ie.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
</head>
|
||||
<body class="color-1 pattern-1 h-style-1 text-1">
|
||||
|
||||
<!-- ***************** - BEGIN Top Holder - ***************** -->
|
||||
<div class="top-holder"></div><!--/ top-holder-->
|
||||
<!-- ***************** - END Top Holder - ******************* -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Wrapper - ******************* -->
|
||||
<div id="wrapper">
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Header - ******************* -->
|
||||
<header class="clearfix">
|
||||
<div class="logo"><a href="index.html"><img src="images/logo.png" alt="" /></a></div><!--/ logo-->
|
||||
<div class="info-call">
|
||||
<p>
|
||||
For additional information call: <span>+404-721-0184 </span>
|
||||
</p>
|
||||
</div><!--/ info-call-->
|
||||
</header>
|
||||
<!-- ***************** - END Header - ******************* -->
|
||||
|
||||
|
||||
<div id="content-wrapper">
|
||||
<section id="content">
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Navigation - ************** -->
|
||||
<nav class="navigation" id="navigation">
|
||||
<ul>
|
||||
<li><a href="index.html"><span>Home</span></a>
|
||||
|
||||
</li>
|
||||
<li class="current-menu-item"><a href="about-us.html"><span>About us</span></a>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li><a href="contacts.html"><span>Contacts</span></a></li>
|
||||
</ul>
|
||||
|
||||
<div class="clear"></div>
|
||||
</nav><!--/ navigation-->
|
||||
<!-- ************ - END Navigation - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Breadcrumbs - ************** -->
|
||||
<div id="breadcrumbs">
|
||||
<a title="Home" href="#">Home »</a> About Us
|
||||
</div><!--/ breadcrumbs-->
|
||||
<!-- ************ - END Breadcrumbs - ************** -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Gray Box - ************** -->
|
||||
<div class="gray-holder">
|
||||
|
||||
<h1>About Us</h1>
|
||||
<p>
|
||||
|
||||
We belief in mental health of an individual with the focus on prevention and treatment as parts of our mission because living a holistic life is our primary concern. For examples; cigarette smoking can worsen the heart condition, High blood sufferers should reduce sodium consumption, anxiety can shorten your life, and worry is an enemy of peace. Alcohol and drug abuse can kill you early or damage your liver, heart and messed up your brain, etc.
|
||||
|
||||
Secondly, mental health education is way to make client aware of their infirmities, and how vulnerable their lives can be to other sicknesses, so they take precaution. Our goal is to motivate them to commit to mental health program and ask them to take necessary action to better their lives. We offer HIV/AIDS and other sexually transmitted diseases. We believe that you can be made whole, if you will take the first step to contact us/call us for help today.
|
||||
|
||||
|
||||
</p>
|
||||
<div class="content-divider"></div>
|
||||
<h2>Services We Offer</h2>
|
||||
<p>
|
||||
• Alcohol and addiction therapy
|
||||
• Marital problem counseling
|
||||
• Group and individual counseling
|
||||
• Psycho-education about prevention
|
||||
• Depression and anxiety therapy
|
||||
• Adolescent opposition defiant therapy
|
||||
• Career and financial counseling
|
||||
• Spirituality and holistic lifestyles
|
||||
• Homelessness, joblessness and mental health issues
|
||||
|
||||
|
||||
</p>
|
||||
<div class="content-divider"></div>
|
||||
<h3>Treatment Available</h3>
|
||||
<p>
|
||||
|
||||
I Care Mental Health will like to help you overcome your alcohol and addiction problems. We want to help you overcome your fear, anxiety and depression and motivate you to live a normal life again. Your marriage relationships can be restored to meet your expectations. Your children can do better in school if you seek therapeutic help for them. You can be informed about how to choose a better career regardless of the economic woes. I Care Agency is the right place for you, don’t hesitate just call for help before is too late.
|
||||
|
||||
|
||||
</p>
|
||||
|
||||
|
||||
<div class="clear"></div>
|
||||
</div><!--/ gray-holder-->
|
||||
<!-- ************ - END Gray Box - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Content Wrapper - ************** -->
|
||||
<div class="content-wrapper">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="clear"></div>
|
||||
</div><!--/ content-wrapper-->
|
||||
<!-- ************ - END Content Wrapper - ************** -->
|
||||
|
||||
|
||||
</section><!--/ content-->
|
||||
|
||||
|
||||
<!-- ***************** - Begin Footer - ***************** -->
|
||||
<footer>
|
||||
|
||||
|
||||
|
||||
</footer><!--/ footer-->
|
||||
<!-- ***************** - END Footer - ***************** -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Copyright - ***************** -->
|
||||
<div class="copyright">Copyright © 2024 - 2012. iCare. All rights reserved</div>
|
||||
<div class="developed"></div>
|
||||
<!-- ***************** - END Copyright - ***************** -->
|
||||
|
||||
|
||||
</div><!--/ #content-wrapper-->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Sidebar - ******************* -->
|
||||
<aside id="sidebar">
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Sidebar - ******************* -->
|
||||
<aside id="sidebar">
|
||||
|
||||
<!-- ************* - BEGIN Categories Widget - *************** -->
|
||||
<div class="categories_widget widget">
|
||||
<h3 class="widget-title">Services We Offer</h3>
|
||||
<ul class="categories">
|
||||
<li><a href="alcohol-addiction.html">Alcohol and addiction therapy</a></li>
|
||||
<li><a href="marital-problems.html">Marital problem counseling</a></li>
|
||||
<li><a href="counseling.html">Group and individual counseling</a></li>
|
||||
<li><a href="psycho-education.html">Psycho-education about prevention </a></li>
|
||||
<li><a href="depression.html">Depression and anxiety therapy</a></li>
|
||||
<li><a href="oppositional-defiant-disorder.html">Adolescent opposition defiant therapy </a></li>
|
||||
<li><a href="career.html">Career & financial counseling</a></li>
|
||||
<li><a href="spiritual.html">Spirituality and holistic lifestyles</a></li>
|
||||
<li><a href="homelessness.html">Homelessness, joblessness & mental health issues</a></li>
|
||||
|
||||
</ul>
|
||||
</div><!--/ categories_widget-->
|
||||
<!-- ************* - END Categories Widget - *************** -->
|
||||
|
||||
|
||||
|
||||
|
||||
</aside><!--/ sidebar-->
|
||||
<div class="clear"></div>
|
||||
<!-- ***************** - END Sidebar - ******************* -->
|
||||
|
||||
|
||||
</div><!--/ wrapper-->
|
||||
<!-- ***************** - END Wrapper - ***************** -->
|
||||
|
||||
<div id="back-top">
|
||||
<a href="#top"></a>
|
||||
</div><!--/ back-top-->
|
||||
|
||||
<script type="text/javascript" src="js/general.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,184 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if IE 7]> <html class="ie7 no-js" lang="en"> <![endif]-->
|
||||
<!--[if lte IE 8]> <html class="ie8 no-js" lang="en"> <![endif]-->
|
||||
<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en"> <!--<![endif]-->
|
||||
<head>
|
||||
<title>iCare</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<link rel="shortcut" href="images/favicon.ico" />
|
||||
<link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
|
||||
|
||||
<!-- initialize jQuery Library -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/modernizr.custom.js"></script>
|
||||
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
|
||||
<script type="text/javascript" src="js/ie.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
</head>
|
||||
<body class="color-1 pattern-1 h-style-1 text-1">
|
||||
|
||||
<!-- ***************** - BEGIN Top Holder - ***************** -->
|
||||
<div class="top-holder"></div><!--/ top-holder-->
|
||||
<!-- ***************** - END Top Holder - ******************* -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Wrapper - ******************* -->
|
||||
<div id="wrapper">
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Header - ******************* -->
|
||||
<header class="clearfix">
|
||||
<div class="logo"><a href="index.html"><img src="images/logo.png" alt="" /></a></div><!--/ logo-->
|
||||
<div class="info-call">
|
||||
<p>
|
||||
For additional information call: <span>+404-721-0184 </span>
|
||||
</p>
|
||||
</div><!--/ info-call-->
|
||||
</header>
|
||||
<!-- ***************** - END Header - ******************* -->
|
||||
|
||||
|
||||
<div id="content-wrapper">
|
||||
<section id="content">
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Navigation - ************** -->
|
||||
<nav class="navigation" id="navigation">
|
||||
<ul>
|
||||
<li><a href="index.html"><span>Home</span></a>
|
||||
|
||||
</li>
|
||||
<li class="current-menu-item"><a href="about-us.html"><span>About us</span></a>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li><a href="contacts.html"><span>Contacts</span></a></li>
|
||||
</ul>
|
||||
|
||||
<div class="clear"></div>
|
||||
</nav><!--/ navigation-->
|
||||
<!-- ************ - END Navigation - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Breadcrumbs - ************** -->
|
||||
<div id="breadcrumbs">
|
||||
<a title="Home" href="#">Home �</a> Alcohol Addiction
|
||||
</div><!--/ breadcrumbs-->
|
||||
<!-- ************ - END Breadcrumbs - ************** -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Gray Box - ************** -->
|
||||
<div class="gray-holder">
|
||||
|
||||
<h1>Alcohol Addiction</h1>
|
||||
<p>
|
||||
|
||||
|
||||
Alcoholic addition is a serious problem that affects the entire family. If your loved one is an alcoholic it is better to seek treatment as soon as possible before it is too late. It is believed that depression can lead to alcoholic addiction and drug abuse for many people. Alcohol can impair judgment and ability to reason well and other illness can follow.
|
||||
<p>
|
||||
In I Care Mental Health (ICMH), we believe that seeking help early will be an appropriate thing to do, and save your life.
|
||||
|
||||
|
||||
|
||||
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<div class="clear"></div>
|
||||
</div><!--/ gray-holder-->
|
||||
<!-- ************ - END Gray Box - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Content Wrapper - ************** -->
|
||||
<div class="content-wrapper">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="clear"></div>
|
||||
</div><!--/ content-wrapper-->
|
||||
<!-- ************ - END Content Wrapper - ************** -->
|
||||
|
||||
|
||||
</section><!--/ content-->
|
||||
|
||||
|
||||
<!-- ***************** - Begin Footer - ***************** -->
|
||||
<footer>
|
||||
|
||||
|
||||
|
||||
</footer><!--/ footer-->
|
||||
<!-- ***************** - END Footer - ***************** -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Copyright - ***************** -->
|
||||
<div class="copyright">Copyright © 2024 - 2012. iCare. All rights reserved</div>
|
||||
<div class="developed">developed by <a target="_blank" href="http://chiefsoft.com">ChiefSoft Works</a></div>
|
||||
<!-- ***************** - END Copyright - ***************** -->
|
||||
|
||||
|
||||
</div><!--/ #content-wrapper-->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Sidebar - ******************* -->
|
||||
<aside id="sidebar">
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Sidebar - ******************* -->
|
||||
<aside id="sidebar">
|
||||
|
||||
<!-- ************* - BEGIN Categories Widget - *************** -->
|
||||
<div class="categories_widget widget">
|
||||
<h3 class="widget-title">Services We Offer</h3>
|
||||
<ul class="categories">
|
||||
<li><a href="alcohol-addiction.html">Alcohol and addiction therapy</a></li>
|
||||
<li><a href="marital-problems.html">Marital problem counseling</a></li>
|
||||
<li><a href="counseling.html">Group and individual counseling</a></li>
|
||||
<li><a href="psycho-education.html">Psycho-education about prevention </a></li>
|
||||
<li><a href="depression.html">Depression and anxiety therapy</a></li>
|
||||
<li><a href="oppositional-defiant-disorder.html">Adolescent opposition defiant therapy </a></li>
|
||||
<li><a href="career.html">Career & financial counseling</a></li>
|
||||
<li><a href="spiritual.html">Spirituality and holistic lifestyles</a></li>
|
||||
<li><a href="homelessness.html">Homelessness, joblessness & mental health issues</a></li>
|
||||
|
||||
</ul>
|
||||
</div><!--/ categories_widget-->
|
||||
<!-- ************* - END Categories Widget - *************** -->
|
||||
|
||||
|
||||
|
||||
|
||||
</aside><!--/ sidebar-->
|
||||
<div class="clear"></div>
|
||||
<!-- ***************** - END Sidebar - ******************* -->
|
||||
|
||||
|
||||
</div><!--/ wrapper-->
|
||||
<!-- ***************** - END Wrapper - ***************** -->
|
||||
|
||||
<div id="back-top">
|
||||
<a href="#top"></a>
|
||||
</div><!--/ back-top-->
|
||||
|
||||
<script type="text/javascript" src="js/general.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 847 B |
Binary file not shown.
|
After Width: | Height: | Size: 355 B |
Binary file not shown.
|
After Width: | Height: | Size: 560 B |
@@ -0,0 +1,495 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if IE 7]> <html class="ie7 no-js" lang="en"> <![endif]-->
|
||||
<!--[if lte IE 8]> <html class="ie8 no-js" lang="en"> <![endif]-->
|
||||
<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en"> <!--<![endif]-->
|
||||
<head>
|
||||
<title>Freely | Blog Details</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<link rel="shortcut" href="images/favicon.ico" />
|
||||
<link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
|
||||
|
||||
<!-- initialize jQuery Library -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/modernizr.custom.js"></script>
|
||||
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
|
||||
<script type="text/javascript" src="js/ie.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
</head>
|
||||
<body class="color-1 pattern-1 h-style-1 text-1">
|
||||
|
||||
<!-- ***************** - BEGIN Top Holder - ***************** -->
|
||||
<div class="top-holder"></div><!--/ top-holder-->
|
||||
<!-- ***************** - END Top Holder - ******************* -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Wrapper - ******************* -->
|
||||
<div id="wrapper">
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Header - ******************* -->
|
||||
<header class="clearfix">
|
||||
<div class="logo"><a href="index.html"><img src="images/logo.png" alt="" /></a></div><!--/ logo-->
|
||||
<div class="info-call">
|
||||
<p>
|
||||
For additional information call: <span>+00 123456789</span>
|
||||
</p>
|
||||
</div><!--/ info-call-->
|
||||
</header>
|
||||
<!-- ***************** - END Header - ******************* -->
|
||||
|
||||
|
||||
<div id="content-wrapper">
|
||||
<section id="content">
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Navigation - ************** -->
|
||||
<nav class="navigation" id="navigation">
|
||||
<ul>
|
||||
<li><a href="index.html"><span>Home</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="index.html">Nivo Slider</a></li>
|
||||
<li><a href="index-4.html">Circle Effect Slider</a></li>
|
||||
<li><a href="index-2.html">Elegant Accordion</a></li>
|
||||
<li><a href="index-5.html">Rama Slider</a></li>
|
||||
<li><a href="index-3.html">Mosaic</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="about-us.html"><span>Pages</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="about-us.html">About</a></li>
|
||||
<li><a href="services.html">Services</a></li>
|
||||
<li><a href="#">Dropdown</a>
|
||||
<ul>
|
||||
<li><a href="#">Drowdown 1</a></li>
|
||||
<li><a href="#">Drowdown 2</a></li>
|
||||
<li><a href="#">Drowdown 3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="404error.html">404 Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="headings.html"><span>Features</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="headings.html">Headings</a></li>
|
||||
<li><a href="images-and-floats.html">Images and floats</a></li>
|
||||
<li><a href="pricing-tables.html">Pricing Tables</a></li>
|
||||
<li><a href="typography.html">Typography</a></li>
|
||||
<li><a href="toggle.html">FAQ Toggle</a></li>
|
||||
<li><a href="tables.html">Tables</a></li>
|
||||
<li><a href="buttons.html">Buttons</a></li>
|
||||
<li><a href="columns.html">Column Layout</a></li>
|
||||
<li><a href="tabs.html">Tabs</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="gallery.html"><span>Gallery</span></a></li>
|
||||
<li><a href="portfolio-1col.html"><span>Portfolio</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="portfolio-1col.html">Portfolio 1 Column</a></li>
|
||||
<li><a href="portfolio-2col.html">Portfolio 2 Columns</a></li>
|
||||
<li><a href="portfolio-3col.html">Portfolio 3 Columns</a></li>
|
||||
<li><a href="portfolio-single.html">Portfolio Single Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="current-menu-item"><a href="blog-style1.html"><span>Blog</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="blog-style1.html">Blog Page</a></li>
|
||||
<li><a href="blog-style2.html">Alternative Blog Page</a></li>
|
||||
<li class="active"><a href="blog-details.html">Blog Single Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="contacts.html"><span>Contacts</span></a></li>
|
||||
</ul>
|
||||
<div class="search-top">
|
||||
<form action="/" class="inline-search">
|
||||
<fieldset>
|
||||
<input type="text" name="search" />
|
||||
<input type="submit" name="s" />
|
||||
</fieldset>
|
||||
</form><!--/ inline-search-->
|
||||
</div><!--/ search-top-->
|
||||
<div class="clear"></div>
|
||||
</nav><!--/ navigation-->
|
||||
<!-- ************ - END Navigation - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Breadcrumbs - ************** -->
|
||||
<div id="breadcrumbs">
|
||||
<a title="Home" href="#">Home »</a> Blog Details
|
||||
</div><!--/ breadcrumbs-->
|
||||
<!-- ************ - END Breadcrumbs - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Content Wrapper - ************** -->
|
||||
<div class="content-wrapper blogdetails">
|
||||
|
||||
<div class="post-item">
|
||||
|
||||
<div class="post-title alignleft">
|
||||
<h3>Excepteur sint occaecat</h3>
|
||||
</div><!--/ post-title-->
|
||||
|
||||
<div class="post-meta">
|
||||
<div class="post-date">Date: <a href="#">November 27, 2011</a></div>
|
||||
<div class="post-author">Author: <a href="#">Admin</a></div>
|
||||
<div class="post-tags">Tags: <a href="#">Business</a>, <a href="#">Featured</a></div>
|
||||
<div class="post-comments-icon"><a href="#">12</a></div>
|
||||
<div class="clear"></div>
|
||||
</div><!--/ post-meta-->
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
<div class="post-thumb">
|
||||
<a href="#"><img src="images/temp/blog_img_01.jpg" alt="" class="add-border"></a>
|
||||
</div><!--/ post-thumb-->
|
||||
|
||||
<div class="entry">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet,
|
||||
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
|
||||
commodo consequat.
|
||||
</p>
|
||||
<blockquote>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
|
||||
</blockquote>
|
||||
<p>
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
|
||||
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
|
||||
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
|
||||
in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
|
||||
<div class="one_third">
|
||||
<ul class="list type-3">
|
||||
<li>Lorem ipsum dolor sit amet</li>
|
||||
<li>Consectetur adipisicing </li>
|
||||
<li>Elit sed do eiusmod tempor </li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
|
||||
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
|
||||
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.
|
||||
</p>
|
||||
|
||||
|
||||
</div><!--/ entry-->
|
||||
<div class="clear"></div>
|
||||
</div><!--/ post-item-->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN About the Author - ************** -->
|
||||
<div id="bio">
|
||||
<h5>About the Author</h5>
|
||||
<img alt="" class="add-border alignleft" src="images/avatar.png">
|
||||
<div class="bio_info">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
|
||||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.
|
||||
</p>
|
||||
</div><!--/ bio_info-->
|
||||
</div><!--/ bio-->
|
||||
<!-- ************ - END About the Author - ************** -->
|
||||
|
||||
|
||||
<div class="content-divider"></div>
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Related - ************** -->
|
||||
<div class="related">
|
||||
<h4>Related Posts</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#"><img class="add-border" alt="" src="images/temp/rel_img_1.jpg"></a>
|
||||
<div class="excerpt"><a href="#">Lorem ipsum dolor sit amet</a></div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><img class="add-border" alt="" src="images/temp/rel_img_2.jpg"></a>
|
||||
<div class="excerpt"><a href="#">Set dolor non proident</a></div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><img class="add-border" alt="" src="images/temp/rel_img_3.jpg"></a>
|
||||
<div class="excerpt"><a href="#">Excepteur sint occaecat cupidatat</a></div>
|
||||
</li>
|
||||
<li class="last">
|
||||
<a href="#"><img class="add-border" alt="" src="images/temp/rel_img_4.jpg"></a>
|
||||
<div class="excerpt"><a href="#">Lorem ipsum dolor sit amet</a></div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
</div><!--/ related-->
|
||||
<!-- ************ - END Related - ************** -->
|
||||
|
||||
|
||||
<div class="content-divider"></div>
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Post Comments - ************** -->
|
||||
<div class="comment-list" id="comments">
|
||||
<h4>2 Comments</h4>
|
||||
<ol>
|
||||
<li class="comment">
|
||||
<div class="comment-body">
|
||||
<div class="avatar"><img class="add-border alignleft" src="images/avatar.png" alt="" /></div>
|
||||
<div class="comment-text">
|
||||
<div class="comment-author">Author: <a href="#">Admin</a></div>
|
||||
<div class="comment-date">Date: <span>November 27, 2011</span></div>
|
||||
<div class="comment-entry">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
|
||||
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
|
||||
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit. <a class="comment-reply" href="#">[Reply]</a>
|
||||
</div><!--/ comment-entry-->
|
||||
</div><!--/ comment-text -->
|
||||
<div class="clear"></div>
|
||||
</div><!--/ comment-body-->
|
||||
|
||||
<!-- comment reply -->
|
||||
<ul class="children">
|
||||
<li class="comment">
|
||||
<div class="comment-body">
|
||||
<div class="avatar"><img class="add-border alignleft" src="images/avatar.png" alt="" /></div>
|
||||
<div class="comment-text">
|
||||
<div class="comment-author">Author: <a class="link" href="#">Admin</a></div>
|
||||
<div class="comment-date">Date: <span>November 27, 2011</span></div>
|
||||
<div class="comment-entry">
|
||||
Do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
|
||||
veniam, quis nostrud exercitation ullamco. Duis aute irure dolor
|
||||
in reprehenderit. <a class="comment-reply" href="#">[Reply]</a>
|
||||
</div><!--/ comment-entry-->
|
||||
</div><!--/ comment-text -->
|
||||
<div class="clear"></div>
|
||||
</div><!--/ comment-body-->
|
||||
</li><!--/ comment-->
|
||||
</ul><!--/ children-->
|
||||
<!--/ comment reply -->
|
||||
|
||||
</li><!--/ comment-->
|
||||
<li class="comment">
|
||||
<div class="comment-body">
|
||||
<div class="avatar"><img class="add-border alignleft" src="images/avatar.png" alt="" /></div>
|
||||
<div class="comment-text">
|
||||
<div class="comment-author">Author: <a href="#">Admin</a></div>
|
||||
<div class="comment-date">Date: <span>November 27, 2011</span></div>
|
||||
<div class="comment-entry">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
|
||||
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
|
||||
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit. <a class="comment-reply" href="#">[Reply]</a>
|
||||
</div><!--/ comment-entry-->
|
||||
</div><!--/ comment-text -->
|
||||
<div class="clear"></div>
|
||||
</div><!--/ comment-body-->
|
||||
</li><!--/ comment-->
|
||||
</ol>
|
||||
</div><!--/ #comments-->
|
||||
<!-- ************ - END Post Comments - ************** -->
|
||||
|
||||
<div class="content-divider"></div>
|
||||
|
||||
<!-- ************ - BEGIN Post Comments - ************** -->
|
||||
<div class="add-comment" id="addcomments">
|
||||
<h4>Leave a Reply</h4>
|
||||
<form action="/" id="commentform">
|
||||
<div class="alignleft">
|
||||
<div class="row">
|
||||
<label>Your Name: <span class="required">(required)</span></label>
|
||||
<input type="text" />
|
||||
</div><!--/ row-->
|
||||
<div class="row">
|
||||
<label>E-mail: <span class="required">(will not published) (required)</span></label>
|
||||
<input type="text" />
|
||||
</div><!--/ row-->
|
||||
<div class="row">
|
||||
<label>Website:</label>
|
||||
<input type="text" />
|
||||
</div><!--/ row-->
|
||||
<input type="submit" class="button green small" value="Submit" />
|
||||
</div><!--/ textfield-->
|
||||
<div class="alignright">
|
||||
<label>Message:</label>
|
||||
<textarea name="textarea" id="textfield" cols="30" rows="10"></textarea>
|
||||
</div><!--/ areafield-->
|
||||
</form><!--/ commentform-->
|
||||
<div class="clear"></div>
|
||||
</div><!--/ addcomments-->
|
||||
<!-- ************ - END Post Comments - ************** -->
|
||||
|
||||
|
||||
</div><!--/ content-wrapper-->
|
||||
<!-- ************ - END Content Wrapper - ************** -->
|
||||
|
||||
|
||||
</section><!--/ content-->
|
||||
|
||||
|
||||
<!-- ***************** - Begin Footer - ***************** -->
|
||||
<footer>
|
||||
|
||||
<div class="entry-footer">
|
||||
|
||||
<div class="one_third">
|
||||
<h3>Twitter Feed</h3>
|
||||
<div id="jstwitter"></div>
|
||||
</div><!--/ one_third-->
|
||||
|
||||
<div class="one_third">
|
||||
<h3>From The Blog</h3>
|
||||
<div class="latest_posts">
|
||||
<ul>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-1.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Lorem ipsum dolor sit amet consectetur</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-2.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Ipsum dolor sit amet consectetur adipisicing</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-3.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Dolor sit amet consectetur adipisicing elit</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
</ul>
|
||||
<a class="see-all" href="blog-style1.html">See all</a>
|
||||
</div><!--/ latest_posts-->
|
||||
</div><!--/ one_third-->
|
||||
|
||||
<div class="one_third_last">
|
||||
<h3>Contact Info</h3>
|
||||
<div class="widget_text widget">
|
||||
<p>Consectetur adipisicing elit, sed do eiusmod tempor incididunt </p>
|
||||
<strong>Phone: +00 123456789</strong> <br />
|
||||
<strong>E-mail:</strong> <a href="mailto:yoursite@yoursite.com">yoursite@yoursite.com</a>
|
||||
</div><!--/ widget_text-->
|
||||
|
||||
<div class="social_widget widget">
|
||||
<h3>Socialize With Us</h3>
|
||||
<ul>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon1" href="#">Facebook</a></li>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon2" href="#">Twitter</a></li>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon3" href="#">Rss</a></li>
|
||||
</ul>
|
||||
</div><!--/ social_widget-->
|
||||
|
||||
</div><!--/ one_third_last-->
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
</div><!--/ entry-footer-->
|
||||
|
||||
</footer><!--/ footer-->
|
||||
<!-- ***************** - END Footer - ***************** -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Copyright - ***************** -->
|
||||
<div class="copyright">Copyright © 2024 - 2012. ThemeMakers. All rights reserved</div>
|
||||
<div class="developed">developed by <a target="_blank" href="http://webtemplatemasters.com">ThemeMakers</a></div>
|
||||
<!-- ***************** - END Copyright - ***************** -->
|
||||
|
||||
|
||||
</div><!--/ #content-wrapper-->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Sidebar - ******************* -->
|
||||
<aside id="sidebar">
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Categories Widget - *************** -->
|
||||
<div class="categories_widget widget">
|
||||
<h3 class="widget-title">Categories</h3>
|
||||
<ul class="categories">
|
||||
<li><a href="blog-style1.html">Lorem ipsum dolor sit amet</a></li>
|
||||
<li><a href="blog-style2.html">Consectetur adipisicing </a></li>
|
||||
<li><a href="blog-style2.html">Elit sed do eiusmod </a></li>
|
||||
<li><a href="blog-style1.html">Tempor incididunt ut labore </a></li>
|
||||
<li><a href="blog-style2.html">Et dolore magna aliqua</a></li>
|
||||
<li><a href="blog-style1.html">Ut enim ad minim </a></li>
|
||||
<li><a href="blog-style2.html">Veniam quis nostrud</a></li>
|
||||
<li><a href="blog-style1.html">Esse cillum dolore eu </a></li>
|
||||
<li><a href="blog-style2.html">Fugiat nulla pariat</a></li>
|
||||
<li><a href="blog-style1.html">Excepteur sint occaeca</a></li>
|
||||
<li><a href="blog-style2.html">Cupidatat non</a></li>
|
||||
</ul>
|
||||
</div><!--/ categories_widget-->
|
||||
<!-- ************* - END Categories Widget - *************** -->
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Testimonials Widget - *************** -->
|
||||
<div class="testimonials widget">
|
||||
<div class="quote-text">
|
||||
<p>"Etiam consequat, tortor nec feugiat faucibus, libero eget ullamcorper"
|
||||
<span class="quote-author">-Brandon Green-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
<div class="quote-text">
|
||||
<p>"Cras euismod, est et semper viverra, augue magna luctus neque, ac tincidunt felis nisl euismod nisi."
|
||||
<span class="quote-author">-John Resig-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
<div class="quote-text">
|
||||
<p>"Quisque sit amet odio eu ipsum sollicitudin porttitor ut a nisl. Vestibulum lobortis ultrices justo, id feugiat enim fermentum non. "
|
||||
<span class="quote-author">-Amanda Smith-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
</div><!--/ testimonials -->
|
||||
<!-- ************* - END Testimonials Widget - *************** -->
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Latest Widget - *************** -->
|
||||
<div class="archive widget">
|
||||
<h3 class="widget-title">Archives</h3>
|
||||
<ul>
|
||||
<li><a href="#">December, 2011</a></li>
|
||||
<li><a href="#">November, 2011</a></li>
|
||||
<li><a href="#">October, 2011</a></li>
|
||||
</ul>
|
||||
</div><!--/ latest_posts-->
|
||||
<!-- ************* - END Latest Widget - *************** -->
|
||||
|
||||
|
||||
</aside><!--/ sidebar-->
|
||||
<div class="clear"></div>
|
||||
<!-- ***************** - END Sidebar - ******************* -->
|
||||
|
||||
|
||||
</div><!--/ wrapper-->
|
||||
<!-- ***************** - END Wrapper - ***************** -->
|
||||
|
||||
<div id="back-top">
|
||||
<a href="#top"></a>
|
||||
</div><!--/ back-top-->
|
||||
|
||||
<script type="text/javascript" src="js/general.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,387 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if IE 7]> <html class="ie7 no-js" lang="en"> <![endif]-->
|
||||
<!--[if lte IE 8]> <html class="ie8 no-js" lang="en"> <![endif]-->
|
||||
<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en"> <!--<![endif]-->
|
||||
<head>
|
||||
<title>Freely | Blog Page</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<link rel="shortcut" href="images/favicon.ico" />
|
||||
<link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
|
||||
|
||||
<!-- initialize jQuery Library -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/modernizr.custom.js"></script>
|
||||
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
|
||||
<script type="text/javascript" src="js/ie.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
</head>
|
||||
<body class="color-1 pattern-1 h-style-1 text-1">
|
||||
|
||||
<!-- ***************** - BEGIN Top Holder - ***************** -->
|
||||
<div class="top-holder"></div><!--/ top-holder-->
|
||||
<!-- ***************** - END Top Holder - ******************* -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Wrapper - ******************* -->
|
||||
<div id="wrapper">
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Header - ******************* -->
|
||||
<header class="clearfix">
|
||||
<div class="logo"><a href="index.html"><img src="images/logo.png" alt="" /></a></div><!--/ logo-->
|
||||
<div class="info-call">
|
||||
<p>
|
||||
For additional information call: <span>+00 123456789</span>
|
||||
</p>
|
||||
</div><!--/ info-call-->
|
||||
</header>
|
||||
<!-- ***************** - END Header - ******************* -->
|
||||
|
||||
|
||||
<div id="content-wrapper">
|
||||
<section id="content">
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Navigation - ************** -->
|
||||
<nav class="navigation" id="navigation">
|
||||
<ul>
|
||||
<li><a href="index.html"><span>Home</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="index.html">Nivo Slider</a></li>
|
||||
<li><a href="index-4.html">Circle Effect Slider</a></li>
|
||||
<li><a href="index-2.html">Elegant Accordion</a></li>
|
||||
<li><a href="index-5.html">Rama Slider</a></li>
|
||||
<li><a href="index-3.html">Mosaic</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="about-us.html"><span>Pages</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="about-us.html">About</a></li>
|
||||
<li><a href="services.html">Services</a></li>
|
||||
<li><a href="#">Dropdown</a>
|
||||
<ul>
|
||||
<li><a href="#">Drowdown 1</a></li>
|
||||
<li><a href="#">Drowdown 2</a></li>
|
||||
<li><a href="#">Drowdown 3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="404error.html">404 Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="headings.html"><span>Features</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="headings.html">Headings</a></li>
|
||||
<li><a href="images-and-floats.html">Images and floats</a></li>
|
||||
<li><a href="pricing-tables.html">Pricing Tables</a></li>
|
||||
<li><a href="typography.html">Typography</a></li>
|
||||
<li><a href="toggle.html">FAQ Toggle</a></li>
|
||||
<li><a href="tables.html">Tables</a></li>
|
||||
<li><a href="buttons.html">Buttons</a></li>
|
||||
<li><a href="columns.html">Column Layout</a></li>
|
||||
<li><a href="tabs.html">Tabs</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="gallery.html"><span>Gallery</span></a></li>
|
||||
<li><a href="portfolio-1col.html"><span>Portfolio</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="portfolio-1col.html">Portfolio 1 Column</a></li>
|
||||
<li><a href="portfolio-2col.html">Portfolio 2 Columns</a></li>
|
||||
<li><a href="portfolio-3col.html">Portfolio 3 Columns</a></li>
|
||||
<li><a href="portfolio-single.html">Portfolio Single Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="current-menu-item"><a href="blog-style1.html"><span>Blog</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li class="active"><a href="blog-style1.html">Blog Page</a></li>
|
||||
<li><a href="blog-style2.html">Alternative Blog Page</a></li>
|
||||
<li><a href="blog-details.html">Blog Single Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="contacts.html"><span>Contacts</span></a></li>
|
||||
</ul>
|
||||
<div class="search-top">
|
||||
<form action="/" class="inline-search">
|
||||
<fieldset>
|
||||
<input type="text" name="search" />
|
||||
<input type="submit" name="s" />
|
||||
</fieldset>
|
||||
</form><!--/ inline-search-->
|
||||
</div><!--/ search-top-->
|
||||
<div class="clear"></div>
|
||||
</nav><!--/ navigation-->
|
||||
<!-- ************ - END Navigation - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Breadcrumbs - ************** -->
|
||||
<div id="breadcrumbs">
|
||||
<a title="Home" href="#">Home »</a> Blog Page
|
||||
</div><!--/ breadcrumbs-->
|
||||
<!-- ************ - END Breadcrumbs - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Content Wrapper - ************** -->
|
||||
<div class="content-wrapper sbl">
|
||||
|
||||
<article class="post-item">
|
||||
|
||||
<div class="post-thumb">
|
||||
<a href="blog-details.html"><img src="images/temp/blog_img_01.jpg" alt="" class="add-border"></a>
|
||||
</div><!--/ post-thumb-->
|
||||
|
||||
<div class="post-meta clearfix">
|
||||
<div class="post-date">Date: <a href="#">November 27, 2011</a></div>
|
||||
<div class="post-author">Author: <a href="#">Admin</a></div>
|
||||
<div class="post-tags">Tags: <a href="#">Business</a>, <a href="#">Featured</a></div>
|
||||
<div class="post-comments-icon"><a href="#">20</a></div><!--/ post-comments-icon-->
|
||||
</div><!--/ post-meta-->
|
||||
|
||||
<div class="entry">
|
||||
<div class="post-title">
|
||||
<h3><a href="blog-details.html">Excepteur sint occaecat </a></h3>
|
||||
</div><!--/ post-title-->
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
|
||||
nisi ut aliquip ex ea commodo consequat
|
||||
</p>
|
||||
</div><!--/ .entry-->
|
||||
<div class="clear"></div>
|
||||
</article><!--/ .post-item-->
|
||||
|
||||
|
||||
<article class="post-item">
|
||||
|
||||
<div class="holder-frame">
|
||||
<a href="#">
|
||||
<img src="images/temp/blog_temp_img_1.jpg" alt="" />
|
||||
<img src="images/temp/blog_temp_img_2.jpg" alt="" />
|
||||
<img src="images/temp/blog_temp_img_3.jpg" alt="" />
|
||||
<img src="images/temp/blog_temp_img_4.jpg" alt="" />
|
||||
<img src="images/temp/blog_temp_img_5.jpg" alt="" />
|
||||
<img src="images/temp/blog_temp_img_6.jpg" alt="" />
|
||||
<img src="images/temp/blog_temp_img_7.jpg" alt="" />
|
||||
</a>
|
||||
</div><!--/ .holder-frame-->
|
||||
|
||||
<div class="post-meta clearfix">
|
||||
<div class="post-date">Date: <a href="#">November 27, 2011</a></div>
|
||||
<div class="post-author">Author: <a href="#">Admin</a></div>
|
||||
<div class="post-tags">Tags: <a href="#">Business</a>, <a href="#">Featured</a></div>
|
||||
<div class="post-comments-icon"><a href="#">23</a></div><!--/ post-comments-icon-->
|
||||
</div><!--/ post-meta-->
|
||||
|
||||
<div class="entry">
|
||||
<div class="post-title">
|
||||
<h3><a href="blog-details.html">Duis aute irure dolor in reprehenderit</a></h3>
|
||||
</div><!--/ post-title-->
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
|
||||
nisi ut aliquip ex ea commodo consequat
|
||||
</p>
|
||||
</div><!--/ .entry-->
|
||||
<div class="clear"></div>
|
||||
</article><!--/ .post-item-->
|
||||
|
||||
|
||||
<article class="post-item">
|
||||
|
||||
<div class="post-thumb">
|
||||
<a href="blog-details.html"><img src="images/temp/blog_img_02.jpg" alt="" class="add-border"></a>
|
||||
</div><!--/ post-thumb-->
|
||||
|
||||
<div class="post-meta clearfix">
|
||||
<div class="post-date">Date: <a href="#">November 27, 2011</a></div>
|
||||
<div class="post-author">Author: <a href="#">Admin</a></div>
|
||||
<div class="post-tags">Tags: <a href="#">Business</a>, <a href="#">Featured</a></div>
|
||||
<div class="post-comments-icon"><a href="#">12</a></div><!--/ post-comments-icon-->
|
||||
</div><!--/ post-meta-->
|
||||
|
||||
<div class="entry">
|
||||
<div class="post-title">
|
||||
<h3><a href="blog-details.html">Oluptate velit esse cillum dolore eu</a></h3>
|
||||
</div><!--/ post-title-->
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
|
||||
nisi ut aliquip ex ea commodo consequat
|
||||
</p>
|
||||
</div><!--/ .entry-->
|
||||
<div class="clear"></div>
|
||||
</article><!--/ .post-item-->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Page navigation - ************** -->
|
||||
<div class="pagenavi">
|
||||
<span class="pages">Page (1 of 3)</span>
|
||||
<span class="current">1</span >
|
||||
<a href="#" title="2" class="page">2</a>
|
||||
<a href="#" title="3" class="page">3</a>
|
||||
<a href="#" title="4" class="page">4</a>
|
||||
<a href="#" title="5" class="page">5</a>
|
||||
</div><!--/ pagenavi -->
|
||||
<!-- ************ - END Page navigation - ************** -->
|
||||
|
||||
|
||||
</div><!--/ content-wrapper-->
|
||||
<!-- ************ - END Content Wrapper - ************** -->
|
||||
|
||||
|
||||
</section><!--/ content-->
|
||||
|
||||
|
||||
<!-- ***************** - Begin Footer - ***************** -->
|
||||
<footer>
|
||||
|
||||
<div class="entry-footer">
|
||||
|
||||
<div class="one_third">
|
||||
<h3>Twitter Feed</h3>
|
||||
<div id="jstwitter"></div>
|
||||
</div><!--/ one_third-->
|
||||
|
||||
<div class="one_third">
|
||||
<h3>From The Blog</h3>
|
||||
<div class="latest_posts">
|
||||
<ul>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-1.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Lorem ipsum dolor sit amet consectetur</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-2.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Ipsum dolor sit amet consectetur adipisicing</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-3.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Dolor sit amet consectetur adipisicing elit</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
</ul>
|
||||
<a class="see-all" href="blog-style1.html">See all</a>
|
||||
</div><!--/ latest_posts-->
|
||||
</div><!--/ one_third-->
|
||||
|
||||
<div class="one_third_last">
|
||||
<h3>Contact Info</h3>
|
||||
<div class="widget_text widget">
|
||||
<p>Consectetur adipisicing elit, sed do eiusmod tempor incididunt </p>
|
||||
<strong>Phone: +00 123456789</strong> <br />
|
||||
<strong>E-mail:</strong> <a href="mailto:yoursite@yoursite.com">yoursite@yoursite.com</a>
|
||||
</div><!--/ widget_text-->
|
||||
|
||||
<div class="social_widget widget">
|
||||
<h3>Socialize With Us</h3>
|
||||
<ul>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon1" href="#">Facebook</a></li>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon2" href="#">Twitter</a></li>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon3" href="#">Rss</a></li>
|
||||
</ul>
|
||||
</div><!--/ social_widget-->
|
||||
|
||||
</div><!--/ one_third_last-->
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
</div><!--/ entry-footer-->
|
||||
|
||||
</footer><!--/ footer-->
|
||||
<!-- ***************** - END Footer - ***************** -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Copyright - ***************** -->
|
||||
<div class="copyright">Copyright © 2024 - 2012. ThemeMakers. All rights reserved</div>
|
||||
<div class="developed">developed by <a target="_blank" href="http://webtemplatemasters.com">ThemeMakers</a></div>
|
||||
<!-- ***************** - END Copyright - ***************** -->
|
||||
|
||||
|
||||
</div><!--/ #content-wrapper-->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Sidebar - ******************* -->
|
||||
<aside id="sidebar">
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Categories Widget - *************** -->
|
||||
<div class="categories_widget widget">
|
||||
<h3 class="widget-title">Categories</h3>
|
||||
<ul class="categories">
|
||||
<li><a href="blog-style1.html">Lorem ipsum dolor sit amet</a></li>
|
||||
<li><a href="blog-style2.html">Consectetur adipisicing </a></li>
|
||||
<li><a href="blog-style2.html">Elit sed do eiusmod </a></li>
|
||||
<li><a href="blog-style1.html">Tempor incididunt ut labore </a></li>
|
||||
<li><a href="blog-style2.html">Et dolore magna aliqua</a></li>
|
||||
<li><a href="blog-style1.html">Ut enim ad minim </a></li>
|
||||
<li><a href="blog-style2.html">Veniam quis nostrud</a></li>
|
||||
<li><a href="blog-style1.html">Esse cillum dolore eu </a></li>
|
||||
<li><a href="blog-style2.html">Fugiat nulla pariat</a></li>
|
||||
<li><a href="blog-style1.html">Excepteur sint occaeca</a></li>
|
||||
<li><a href="blog-style2.html">Cupidatat non</a></li>
|
||||
</ul>
|
||||
</div><!--/ categories_widget-->
|
||||
<!-- ************* - END Categories Widget - *************** -->
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Testimonials Widget - *************** -->
|
||||
<div class="testimonials widget">
|
||||
<div class="quote-text">
|
||||
<p>"Etiam consequat, tortor nec feugiat faucibus, libero eget ullamcorper"
|
||||
<span class="quote-author">-Brandon Green-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
<div class="quote-text">
|
||||
<p>"Cras euismod, est et semper viverra, augue magna luctus neque, ac tincidunt felis nisl euismod nisi."
|
||||
<span class="quote-author">-John Resig-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
<div class="quote-text">
|
||||
<p>"Quisque sit amet odio eu ipsum sollicitudin porttitor ut a nisl. Vestibulum lobortis ultrices justo, id feugiat enim fermentum non. "
|
||||
<span class="quote-author">-Amanda Smith-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
</div><!--/ testimonials -->
|
||||
<!-- ************* - END Testimonials Widget - *************** -->
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Latest Widget - *************** -->
|
||||
<div class="archive widget">
|
||||
<h3 class="widget-title">Archives</h3>
|
||||
<ul>
|
||||
<li><a href="#">December, 2011</a></li>
|
||||
<li><a href="#">November, 2011</a></li>
|
||||
<li><a href="#">October, 2011</a></li>
|
||||
</ul>
|
||||
</div><!--/ latest_posts-->
|
||||
<!-- ************* - END Latest Widget - *************** -->
|
||||
|
||||
|
||||
</aside><!--/ sidebar-->
|
||||
<div class="clear"></div>
|
||||
<!-- ***************** - END Sidebar - ******************* -->
|
||||
|
||||
|
||||
</div><!--/ wrapper-->
|
||||
<!-- ***************** - END Wrapper - ***************** -->
|
||||
|
||||
<div id="back-top">
|
||||
<a href="#top"></a>
|
||||
</div><!--/ back-top-->
|
||||
|
||||
<script type="text/javascript" src="js/general.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,394 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if IE 7]> <html class="ie7 no-js" lang="en"> <![endif]-->
|
||||
<!--[if lte IE 8]> <html class="ie8 no-js" lang="en"> <![endif]-->
|
||||
<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en"> <!--<![endif]-->
|
||||
<head>
|
||||
<title>Freely | Blog Page</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<link rel="shortcut" href="images/favicon.ico" />
|
||||
<link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
|
||||
|
||||
<!-- initialize jQuery Library -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/modernizr.custom.js"></script>
|
||||
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
|
||||
<script type="text/javascript" src="js/ie.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
</head>
|
||||
<body class="color-1 pattern-1 h-style-1 text-1">
|
||||
|
||||
<!-- ***************** - BEGIN Top Holder - ***************** -->
|
||||
<div class="top-holder"></div><!--/ top-holder-->
|
||||
<!-- ***************** - END Top Holder - ******************* -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Wrapper - ******************* -->
|
||||
<div id="wrapper">
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Header - ******************* -->
|
||||
<header class="clearfix">
|
||||
<div class="logo"><a href="index.html"><img src="images/logo.png" alt="" /></a></div><!--/ logo-->
|
||||
<div class="info-call">
|
||||
<p>
|
||||
For additional information call: <span>+00 123456789</span>
|
||||
</p>
|
||||
</div><!--/ info-call-->
|
||||
</header>
|
||||
<!-- ***************** - END Header - ******************* -->
|
||||
|
||||
|
||||
<div id="content-wrapper">
|
||||
<section id="content">
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Navigation - ************** -->
|
||||
<nav class="navigation" id="navigation">
|
||||
<ul>
|
||||
<li><a href="index.html"><span>Home</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="index.html">Nivo Slider</a></li>
|
||||
<li><a href="index-4.html">Circle Effect Slider</a></li>
|
||||
<li><a href="index-2.html">Elegant Accordion</a></li>
|
||||
<li><a href="index-5.html">Rama Slider</a></li>
|
||||
<li><a href="index-3.html">Mosaic</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="about-us.html"><span>Pages</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="about-us.html">About</a></li>
|
||||
<li><a href="services.html">Services</a></li>
|
||||
<li><a href="#">Dropdown</a>
|
||||
<ul>
|
||||
<li><a href="#">Drowdown 1</a></li>
|
||||
<li><a href="#">Drowdown 2</a></li>
|
||||
<li><a href="#">Drowdown 3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="404error.html">404 Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="headings.html"><span>Features</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="headings.html">Headings</a></li>
|
||||
<li><a href="images-and-floats.html">Images and floats</a></li>
|
||||
<li><a href="pricing-tables.html">Pricing Tables</a></li>
|
||||
<li><a href="typography.html">Typography</a></li>
|
||||
<li><a href="toggle.html">FAQ Toggle</a></li>
|
||||
<li><a href="tables.html">Tables</a></li>
|
||||
<li><a href="buttons.html">Buttons</a></li>
|
||||
<li><a href="columns.html">Column Layout</a></li>
|
||||
<li><a href="tabs.html">Tabs</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="gallery.html"><span>Gallery</span></a></li>
|
||||
<li><a href="portfolio-1col.html"><span>Portfolio</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="portfolio-1col.html">Portfolio 1 Column</a></li>
|
||||
<li><a href="portfolio-2col.html">Portfolio 2 Columns</a></li>
|
||||
<li><a href="portfolio-3col.html">Portfolio 3 Columns</a></li>
|
||||
<li><a href="portfolio-single.html">Portfolio Single Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="current-menu-item"><a href="blog-style1.html"><span>Blog</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="blog-style1.html">Blog Page</a></li>
|
||||
<li class="active"><a href="blog-style2.html">Alternative Blog Page</a></li>
|
||||
<li><a href="blog-details.html">Blog Single Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="contacts.html"><span>Contacts</span></a></li>
|
||||
</ul>
|
||||
<div class="search-top">
|
||||
<form action="/" class="inline-search">
|
||||
<fieldset>
|
||||
<input type="text" name="search" />
|
||||
<input type="submit" name="s" />
|
||||
</fieldset>
|
||||
</form><!--/ inline-search-->
|
||||
</div><!--/ search-top-->
|
||||
<div class="clear"></div>
|
||||
</nav><!--/ navigation-->
|
||||
<!-- ************ - END Navigation - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Breadcrumbs - ************** -->
|
||||
<div id="breadcrumbs">
|
||||
<a title="Home" href="#">Home »</a> Blog Page
|
||||
</div><!--/ breadcrumbs-->
|
||||
<!-- ************ - END Breadcrumbs - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Content Wrapper - ************** -->
|
||||
<div class="content-wrapper sbl alternative">
|
||||
|
||||
<article class="post-item">
|
||||
|
||||
<div class="post-thumb alignleft">
|
||||
<a href="blog-details.html"><img src="images/temp/blog_img_03.jpg" alt="" class="add-border alignleft"></a>
|
||||
</div><!--/ post-thumb-->
|
||||
|
||||
<div class="entry">
|
||||
|
||||
<div class="post-title">
|
||||
<h3><a href="blog-details.html">Excepteur sint occaecat</a></h3>
|
||||
</div><!--/ post-title-->
|
||||
|
||||
<div class="post-meta clearfix">
|
||||
<div class="post-date">Date: <a href="#">November 27, 2011</a></div>
|
||||
<div class="post-author">Author: <a href="#">Admin</a></div>
|
||||
<div class="post-tags">Tags: <a href="#">Business</a>, <a href="#">Featured</a></div>
|
||||
|
||||
</div><!--/ post-meta-->
|
||||
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
|
||||
</p>
|
||||
|
||||
<div class="post-comments-icon"><a href="#">25</a></div><!--/ post-comments-icon-->
|
||||
|
||||
</div><!--/ entry-->
|
||||
|
||||
<div class="clear"></div>
|
||||
</article><!--/ post-item-->
|
||||
|
||||
|
||||
<article class="post-item">
|
||||
|
||||
<div class="post-thumb alignleft">
|
||||
<a href="blog-details.html"><img src="images/temp/blog_img_04.jpg" alt="" class="add-border alignleft"></a>
|
||||
</div><!--/ post-thumb-->
|
||||
|
||||
<div class="entry">
|
||||
|
||||
<div class="post-title">
|
||||
<h3><a href="blog-details.html">Duis aute irure dolor in reprehenderit</a></h3>
|
||||
</div><!--/ post-title-->
|
||||
|
||||
<div class="post-meta clearfix">
|
||||
<div class="post-date">Date: <a href="#">November 27, 2011</a></div>
|
||||
<div class="post-author">Author: <a href="#">Admin</a></div>
|
||||
<div class="post-tags">Tags: <a href="#">Business</a>, <a href="#">Featured</a></div>
|
||||
|
||||
</div><!--/ post-meta-->
|
||||
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
|
||||
</p>
|
||||
|
||||
<div class="post-comments-icon"><a href="#">25</a></div><!--/ post-comments-icon-->
|
||||
|
||||
</div><!--/ entry-->
|
||||
|
||||
<div class="clear"></div>
|
||||
</article><!--/ post-item-->
|
||||
|
||||
|
||||
<article class="post-item">
|
||||
|
||||
<div class="post-thumb alignleft">
|
||||
<a href="blog-details.html"><img src="images/temp/blog_img_05.jpg" alt="" class="add-border alignleft"></a>
|
||||
</div><!--/ post-thumb-->
|
||||
|
||||
<div class="entry">
|
||||
|
||||
<div class="post-title">
|
||||
<h3><a href="blog-details.html">Oluptate velit esse cillum dolore eu</a></h3>
|
||||
</div><!--/ post-title-->
|
||||
|
||||
<div class="post-meta clearfix">
|
||||
<div class="post-date">Date: <a href="#">November 27, 2011</a></div>
|
||||
<div class="post-author">Author: <a href="#">Admin</a></div>
|
||||
<div class="post-tags">Tags: <a href="#">Business</a>, <a href="#">Featured</a></div>
|
||||
|
||||
</div><!--/ post-meta-->
|
||||
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
|
||||
</p>
|
||||
|
||||
<div class="post-comments-icon"><a href="#">25</a></div><!--/ post-comments-icon-->
|
||||
|
||||
</div><!--/ entry-->
|
||||
|
||||
<div class="clear"></div>
|
||||
</article><!--/ post-item-->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Page navigation - ************** -->
|
||||
<div class="pagenavi">
|
||||
<span class="pages">Page (1 of 3)</span>
|
||||
<span class="current">1</span >
|
||||
<a href="#" title="2" class="page">2</a>
|
||||
<a href="#" title="3" class="page">3</a>
|
||||
<a href="#" title="4" class="page">4</a>
|
||||
<a href="#" title="5" class="page">5</a>
|
||||
</div><!--/ pagenavi -->
|
||||
<!-- ************ - END Page navigation - ************** -->
|
||||
|
||||
|
||||
</div><!--/ content-wrapper-->
|
||||
<!-- ************ - END Content Wrapper - ************** -->
|
||||
|
||||
|
||||
</section><!--/ content-->
|
||||
|
||||
|
||||
<!-- ***************** - Begin Footer - ***************** -->
|
||||
<footer>
|
||||
|
||||
<div class="entry-footer">
|
||||
|
||||
<div class="one_third">
|
||||
<h3>Twitter Feed</h3>
|
||||
<div id="jstwitter"></div>
|
||||
</div><!--/ one_third-->
|
||||
|
||||
<div class="one_third">
|
||||
<h3>From The Blog</h3>
|
||||
<div class="latest_posts">
|
||||
<ul>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-1.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Lorem ipsum dolor sit amet consectetur</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-2.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Ipsum dolor sit amet consectetur adipisicing</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-3.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Dolor sit amet consectetur adipisicing elit</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
</ul>
|
||||
<a class="see-all" href="blog-style1.html">See all</a>
|
||||
</div><!--/ latest_posts-->
|
||||
</div><!--/ one_third-->
|
||||
|
||||
<div class="one_third_last">
|
||||
<h3>Contact Info</h3>
|
||||
<div class="widget_text widget">
|
||||
<p>Consectetur adipisicing elit, sed do eiusmod tempor incididunt </p>
|
||||
<strong>Phone: +00 123456789</strong> <br />
|
||||
<strong>E-mail:</strong> <a href="mailto:yoursite@yoursite.com">yoursite@yoursite.com</a>
|
||||
</div><!--/ widget_text-->
|
||||
|
||||
<div class="social_widget widget">
|
||||
<h3>Socialize With Us</h3>
|
||||
<ul>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon1" href="#">Facebook</a></li>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon2" href="#">Twitter</a></li>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon3" href="#">Rss</a></li>
|
||||
</ul>
|
||||
</div><!--/ social_widget-->
|
||||
|
||||
</div><!--/ one_third_last-->
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
</div><!--/ entry-footer-->
|
||||
|
||||
</footer><!--/ footer-->
|
||||
<!-- ***************** - END Footer - ***************** -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Copyright - ***************** -->
|
||||
<div class="copyright">Copyright © 2024 - 2012. ThemeMakers. All rights reserved</div>
|
||||
<div class="developed">developed by <a target="_blank" href="http://webtemplatemasters.com">ThemeMakers</a></div>
|
||||
<!-- ***************** - END Copyright - ***************** -->
|
||||
|
||||
|
||||
</div><!--/ #content-wrapper-->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Sidebar - ******************* -->
|
||||
<aside id="sidebar">
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Categories Widget - *************** -->
|
||||
<div class="categories_widget widget">
|
||||
<h3 class="widget-title">Categories</h3>
|
||||
<ul class="categories">
|
||||
<li><a href="blog-style1.html">Lorem ipsum dolor sit amet</a></li>
|
||||
<li><a href="blog-style2.html">Consectetur adipisicing </a></li>
|
||||
<li><a href="blog-style2.html">Elit sed do eiusmod </a></li>
|
||||
<li><a href="blog-style1.html">Tempor incididunt ut labore </a></li>
|
||||
<li><a href="blog-style2.html">Et dolore magna aliqua</a></li>
|
||||
<li><a href="blog-style1.html">Ut enim ad minim </a></li>
|
||||
<li><a href="blog-style2.html">Veniam quis nostrud</a></li>
|
||||
<li><a href="blog-style1.html">Esse cillum dolore eu </a></li>
|
||||
<li><a href="blog-style2.html">Fugiat nulla pariat</a></li>
|
||||
<li><a href="blog-style1.html">Excepteur sint occaeca</a></li>
|
||||
<li><a href="blog-style2.html">Cupidatat non</a></li>
|
||||
</ul>
|
||||
</div><!--/ categories_widget-->
|
||||
<!-- ************* - END Categories Widget - *************** -->
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Testimonials Widget - *************** -->
|
||||
<div class="testimonials widget">
|
||||
<div class="quote-text">
|
||||
<p>"Etiam consequat, tortor nec feugiat faucibus, libero eget ullamcorper"
|
||||
<span class="quote-author">-Brandon Green-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
<div class="quote-text">
|
||||
<p>"Cras euismod, est et semper viverra, augue magna luctus neque, ac tincidunt felis nisl euismod nisi."
|
||||
<span class="quote-author">-John Resig-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
<div class="quote-text">
|
||||
<p>"Quisque sit amet odio eu ipsum sollicitudin porttitor ut a nisl. Vestibulum lobortis ultrices justo, id feugiat enim fermentum non. "
|
||||
<span class="quote-author">-Amanda Smith-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
</div><!--/ testimonials -->
|
||||
<!-- ************* - END Testimonials Widget - *************** -->
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Latest Widget - *************** -->
|
||||
<div class="archive widget">
|
||||
<h3 class="widget-title">Archives</h3>
|
||||
<ul>
|
||||
<li><a href="#">December, 2011</a></li>
|
||||
<li><a href="#">November, 2011</a></li>
|
||||
<li><a href="#">October, 2011</a></li>
|
||||
</ul>
|
||||
</div><!--/ latest_posts-->
|
||||
<!-- ************* - END Latest Widget - *************** -->
|
||||
|
||||
|
||||
</aside><!--/ sidebar-->
|
||||
<div class="clear"></div>
|
||||
<!-- ***************** - END Sidebar - ******************* -->
|
||||
|
||||
|
||||
</div><!--/ wrapper-->
|
||||
<!-- ***************** - END Wrapper - ***************** -->
|
||||
|
||||
<div id="back-top">
|
||||
<a href="#top"></a>
|
||||
</div><!--/ back-top-->
|
||||
|
||||
<script type="text/javascript" src="js/general.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,359 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if IE 7]> <html class="ie7 no-js" lang="en"> <![endif]-->
|
||||
<!--[if lte IE 8]> <html class="ie8 no-js" lang="en"> <![endif]-->
|
||||
<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en"> <!--<![endif]-->
|
||||
<head>
|
||||
<title>Freely | Buttons</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<link rel="shortcut" href="images/favicon.ico" />
|
||||
<link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
|
||||
|
||||
<!-- initialize jQuery Library -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/modernizr.custom.js"></script>
|
||||
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
|
||||
<script type="text/javascript" src="js/ie.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
</head>
|
||||
<body class="color-1 pattern-1 h-style-1 text-1">
|
||||
|
||||
<!-- ***************** - BEGIN Top Holder - ***************** -->
|
||||
<div class="top-holder"></div><!--/ top-holder-->
|
||||
<!-- ***************** - END Top Holder - ******************* -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Wrapper - ******************* -->
|
||||
<div id="wrapper">
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Header - ******************* -->
|
||||
<header class="clearfix">
|
||||
<div class="logo"><a href="index.html"><img src="images/logo.png" alt="" /></a></div><!--/ logo-->
|
||||
<div class="info-call">
|
||||
<p>
|
||||
For additional information call: <span>+00 123456789</span>
|
||||
</p>
|
||||
</div><!--/ info-call-->
|
||||
</header>
|
||||
<!-- ***************** - END Header - ******************* -->
|
||||
|
||||
|
||||
<div id="content-wrapper">
|
||||
<section id="content">
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Navigation - ************** -->
|
||||
<nav class="navigation" id="navigation">
|
||||
<ul>
|
||||
<li><a href="index.html"><span>Home</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="index.html">Nivo Slider</a></li>
|
||||
<li><a href="index-4.html">Circle Effect Slider</a></li>
|
||||
<li><a href="index-2.html">Elegant Accordion</a></li>
|
||||
<li><a href="index-5.html">Rama Slider</a></li>
|
||||
<li><a href="index-3.html">Mosaic</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="about-us.html"><span>Pages</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="about-us.html">About</a></li>
|
||||
<li><a href="services.html">Services</a></li>
|
||||
<li><a href="#">Dropdown</a>
|
||||
<ul>
|
||||
<li><a href="#">Drowdown 1</a></li>
|
||||
<li><a href="#">Drowdown 2</a></li>
|
||||
<li><a href="#">Drowdown 3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="404error.html">404 Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="current-menu-item"><a href="headings.html"><span>Features</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="headings.html">Headings</a></li>
|
||||
<li><a href="images-and-floats.html">Images and floats</a></li>
|
||||
<li><a href="pricing-tables.html">Pricing Tables</a></li>
|
||||
<li><a href="typography.html">Typography</a></li>
|
||||
<li><a href="toggle.html">FAQ Toggle</a></li>
|
||||
<li><a href="tables.html">Tables</a></li>
|
||||
<li class="active"><a href="buttons.html">Buttons</a></li>
|
||||
<li><a href="columns.html">Column Layout</a></li>
|
||||
<li><a href="tabs.html">Tabs</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="gallery.html"><span>Gallery</span></a></li>
|
||||
<li><a href="portfolio-1col.html"><span>Portfolio</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="portfolio-1col.html">Portfolio 1 Column</a></li>
|
||||
<li><a href="portfolio-2col.html">Portfolio 2 Columns</a></li>
|
||||
<li><a href="portfolio-3col.html">Portfolio 3 Columns</a></li>
|
||||
<li><a href="portfolio-single.html">Portfolio Single Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="blog-style1.html"><span>Blog</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="blog-style1.html">Blog Page</a></li>
|
||||
<li><a href="blog-style2.html">Alternative Blog Page</a></li>
|
||||
<li><a href="blog-details.html">Blog Single Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="contacts.html"><span>Contacts</span></a></li>
|
||||
</ul>
|
||||
<div class="search-top">
|
||||
<form action="/" class="inline-search">
|
||||
<fieldset>
|
||||
<input type="text" name="search" />
|
||||
<input type="submit" name="s" />
|
||||
</fieldset>
|
||||
</form><!--/ inline-search-->
|
||||
</div><!--/ search-top-->
|
||||
<div class="clear"></div>
|
||||
</nav><!--/ navigation-->
|
||||
<!-- ************ - END Navigation - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Breadcrumbs - ************** -->
|
||||
<div id="breadcrumbs">
|
||||
<a title="Home" href="#">Home »</a> Buttons
|
||||
</div><!--/ breadcrumbs-->
|
||||
<!-- ************ - END Breadcrumbs - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Content Wrapper - ************** -->
|
||||
<div class="content-wrapper">
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Buttons - ************** -->
|
||||
<h3>Buttons</h3>
|
||||
<div class="content-divider"></div>
|
||||
<a href="#" class="button turquoise small">Small Button</a>
|
||||
<a href="#" class="button cyan small">Small Button</a>
|
||||
<a href="#" class="button green small">Small Button</a>
|
||||
<a href="#" class="button red small">Small Button</a>
|
||||
<a href="#" class="button vinous small">Small Button</a>
|
||||
<a href="#" class="button dark_violet small">Small Button</a>
|
||||
<a href="#" class="button orange small">Small Button</a>
|
||||
<a href="#" class="button light_turquoise small">Small Button</a>
|
||||
<a href="#" class="button blue small">Small Button</a>
|
||||
<a href="#" class="button violet small">Small Button</a>
|
||||
<a href="#" class="button dark_gray small">Small Button</a>
|
||||
<a href="#" class="button black small">Small Button</a>
|
||||
<a href="#" class="button gray small">Small Button</a>
|
||||
|
||||
<div class="content-divider"></div>
|
||||
|
||||
<a href="#" class="button turquoise medium">Medium Button</a>
|
||||
<a href="#" class="button cyan medium">Medium Button</a>
|
||||
<a href="#" class="button green medium">Medium Button</a>
|
||||
<a href="#" class="button red medium">Medium Button</a>
|
||||
<a href="#" class="button vinous medium">Medium Button</a>
|
||||
<a href="#" class="button dark_violet medium">Medium Button</a>
|
||||
<a href="#" class="button orange medium">Medium Button</a>
|
||||
<a href="#" class="button light_turquoise medium">Medium Button</a>
|
||||
<a href="#" class="button blue medium">Medium Button</a>
|
||||
<a href="#" class="button violet medium">Medium Button</a>
|
||||
<a href="#" class="button dark_gray medium">Medium Button</a>
|
||||
<a href="#" class="button black medium">Medium Button</a>
|
||||
<a href="#" class="button gray medium">Medium Button</a>
|
||||
|
||||
<div class="content-divider"></div>
|
||||
|
||||
<a href="#" class="button turquoise large">Large Button</a>
|
||||
<a href="#" class="button cyan large">Large Button</a>
|
||||
<a href="#" class="button green large">Large Button</a>
|
||||
<a href="#" class="button red large">Large Button</a>
|
||||
<a href="#" class="button vinous large">Large Button</a>
|
||||
<a href="#" class="button dark_violet large">Large Button</a>
|
||||
<a href="#" class="button orange large">Large Button</a>
|
||||
<a href="#" class="button light_turquoise large">Large Button</a>
|
||||
<a href="#" class="button blue large">Large Button</a>
|
||||
<a href="#" class="button violet large">Large Button</a>
|
||||
<a href="#" class="button dark_gray large">Large Button</a>
|
||||
<a href="#" class="button black large">Large Button</a>
|
||||
<a href="#" class="button gray large">Large Button</a>
|
||||
<!-- ************ - END Buttons - ************** -->
|
||||
|
||||
</div><!--/ content-wrapper-->
|
||||
<!-- ************ - END Content Wrapper - ************** -->
|
||||
|
||||
|
||||
</section><!--/ content-->
|
||||
|
||||
|
||||
<!-- ***************** - Begin Footer - ***************** -->
|
||||
<footer>
|
||||
|
||||
<div class="entry-footer">
|
||||
|
||||
<div class="one_third">
|
||||
<h3>Twitter Feed</h3>
|
||||
<div id="jstwitter"></div>
|
||||
</div><!--/ one_third-->
|
||||
|
||||
<div class="one_third">
|
||||
<h3>From The Blog</h3>
|
||||
<div class="latest_posts">
|
||||
<ul>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-1.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Lorem ipsum dolor sit amet consectetur</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-2.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Ipsum dolor sit amet consectetur adipisicing</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-3.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Dolor sit amet consectetur adipisicing elit</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
</ul>
|
||||
<a class="see-all" href="blog-style1.html">See all</a>
|
||||
</div><!--/ latest_posts-->
|
||||
</div><!--/ one_third-->
|
||||
|
||||
<div class="one_third_last">
|
||||
<h3>Contact Info</h3>
|
||||
<div class="widget_text widget">
|
||||
<p>Consectetur adipisicing elit, sed do eiusmod tempor incididunt </p>
|
||||
<strong>Phone: +00 123456789</strong> <br />
|
||||
<strong>E-mail:</strong> <a href="mailto:yoursite@yoursite.com">yoursite@yoursite.com</a>
|
||||
</div><!--/ widget_text-->
|
||||
|
||||
<div class="social_widget widget">
|
||||
<h3>Socialize With Us</h3>
|
||||
<ul>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon1" href="#">Facebook</a></li>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon2" href="#">Twitter</a></li>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon3" href="#">Rss</a></li>
|
||||
</ul>
|
||||
</div><!--/ social_widget-->
|
||||
|
||||
</div><!--/ one_third_last-->
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
</div><!--/ entry-footer-->
|
||||
|
||||
</footer><!--/ footer-->
|
||||
<!-- ***************** - END Footer - ***************** -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Copyright - ***************** -->
|
||||
<div class="copyright">Copyright © 2012. ThemeMakers. All rights reserved</div>
|
||||
<div class="developed">developed by <a target="_blank" href="http://webtemplatemasters.com">ThemeMakers</a></div>
|
||||
<!-- ***************** - END Copyright - ***************** -->
|
||||
|
||||
|
||||
</div><!--/ #content-wrapper-->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Sidebar - ******************* -->
|
||||
<aside id="sidebar">
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Categories Widget - *************** -->
|
||||
<div class="categories_widget widget">
|
||||
<h3 class="widget-title">Categories</h3>
|
||||
<ul class="categories">
|
||||
<li><a href="blog-style1.html">Lorem ipsum dolor sit amet</a></li>
|
||||
<li><a href="blog-style2.html">Consectetur adipisicing </a></li>
|
||||
<li><a href="blog-style2.html">Elit sed do eiusmod </a></li>
|
||||
<li><a href="blog-style1.html">Tempor incididunt ut labore </a></li>
|
||||
<li><a href="blog-style2.html">Et dolore magna aliqua</a></li>
|
||||
<li><a href="blog-style1.html">Ut enim ad minim </a></li>
|
||||
<li><a href="blog-style2.html">Veniam quis nostrud</a></li>
|
||||
<li><a href="blog-style1.html">Esse cillum dolore eu </a></li>
|
||||
<li><a href="blog-style2.html">Fugiat nulla pariat</a></li>
|
||||
<li><a href="blog-style1.html">Excepteur sint occaeca</a></li>
|
||||
<li><a href="blog-style2.html">Cupidatat non</a></li>
|
||||
</ul>
|
||||
</div><!--/ categories_widget-->
|
||||
<!-- ************* - END Categories Widget - *************** -->
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Testimonials Widget - *************** -->
|
||||
<div class="testimonials widget">
|
||||
<div class="quote-text">
|
||||
<p>"Etiam consequat, tortor nec feugiat faucibus, libero eget ullamcorper"
|
||||
<span class="quote-author">-Brandon Green-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
<div class="quote-text">
|
||||
<p>"Cras euismod, est et semper viverra, augue magna luctus neque, ac tincidunt felis nisl euismod nisi."
|
||||
<span class="quote-author">-John Resig-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
<div class="quote-text">
|
||||
<p>"Quisque sit amet odio eu ipsum sollicitudin porttitor ut a nisl. Vestibulum lobortis ultrices justo, id feugiat enim fermentum non. "
|
||||
<span class="quote-author">-Amanda Smith-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
</div><!--/ testimonials -->
|
||||
<!-- ************* - END Testimonials Widget - *************** -->
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Latest Widget - *************** -->
|
||||
<div class="latest_posts widget">
|
||||
<h3 class="widget-title">Latest News</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-1.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Lorem ipsum dolor sit amet consectetur</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-2.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Ipsum dolor sit amet consectetur adipisicing</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-2.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Ipsum dolor sit amet consectetur adipisicing</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
</ul>
|
||||
<a class="see-all" href="blog-details.html">See all news</a>
|
||||
</div><!--/ latest_posts-->
|
||||
<!-- ************* - END Latest Widget - *************** -->
|
||||
|
||||
|
||||
</aside><!--/ sidebar-->
|
||||
<div class="clear"></div>
|
||||
<!-- ***************** - END Sidebar - ******************* -->
|
||||
|
||||
|
||||
</div><!--/ wrapper-->
|
||||
<!-- ***************** - END Wrapper - ***************** -->
|
||||
|
||||
<div id="back-top">
|
||||
<a href="#top"></a>
|
||||
</div><!--/ back-top-->
|
||||
|
||||
<script type="text/javascript" src="js/general.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+182
@@ -0,0 +1,182 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if IE 7]> <html class="ie7 no-js" lang="en"> <![endif]-->
|
||||
<!--[if lte IE 8]> <html class="ie8 no-js" lang="en"> <![endif]-->
|
||||
<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en"> <!--<![endif]-->
|
||||
<head>
|
||||
<title>iCare</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<link rel="shortcut" href="images/favicon.ico" />
|
||||
<link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
|
||||
|
||||
<!-- initialize jQuery Library -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/modernizr.custom.js"></script>
|
||||
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
|
||||
<script type="text/javascript" src="js/ie.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
</head>
|
||||
<body class="color-1 pattern-1 h-style-1 text-1">
|
||||
|
||||
<!-- ***************** - BEGIN Top Holder - ***************** -->
|
||||
<div class="top-holder"></div><!--/ top-holder-->
|
||||
<!-- ***************** - END Top Holder - ******************* -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Wrapper - ******************* -->
|
||||
<div id="wrapper">
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Header - ******************* -->
|
||||
<header class="clearfix">
|
||||
<div class="logo"><a href="index.html"><img src="images/logo.png" alt="" /></a></div><!--/ logo-->
|
||||
<div class="info-call">
|
||||
<p>
|
||||
For additional information call: <span>+404-721-0184 </span>
|
||||
</p>
|
||||
</div><!--/ info-call-->
|
||||
</header>
|
||||
<!-- ***************** - END Header - ******************* -->
|
||||
|
||||
|
||||
<div id="content-wrapper">
|
||||
<section id="content">
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Navigation - ************** -->
|
||||
<nav class="navigation" id="navigation">
|
||||
<ul>
|
||||
<li><a href="index.html"><span>Home</span></a>
|
||||
|
||||
</li>
|
||||
<li class="current-menu-item"><a href="about-us.html"><span>About us</span></a>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li><a href="contacts.html"><span>Contacts</span></a></li>
|
||||
</ul>
|
||||
|
||||
<div class="clear"></div>
|
||||
</nav><!--/ navigation-->
|
||||
<!-- ************ - END Navigation - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Breadcrumbs - ************** -->
|
||||
<div id="breadcrumbs">
|
||||
<a title="Home" href="#">Home »</a> Career and Financial Counseling
|
||||
</div><!--/ breadcrumbs-->
|
||||
<!-- ************ - END Breadcrumbs - ************** -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Gray Box - ************** -->
|
||||
<div class="gray-holder">
|
||||
|
||||
<h1>Career and Financial Counseling</h1>
|
||||
<p>
|
||||
|
||||
|
||||
Choosing a career path can be very challenging to many college students and young adults alike. For some choosing career can be exciting while many people are struggling with what they are good at in this world. When it is hard for you to make a bold move on career issues you can reach out to us to help you make the right decision. Our professionals will not make the decision for you but they can help you make the right career decisions. Financial stability is strongly related to careers, earnings and incomes that an individuals or family receive on a regular basis. Many people know how to work hard but lack good management skills. Our agency can help you manage what you earn wisely.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<div class="clear"></div>
|
||||
</div><!--/ gray-holder-->
|
||||
<!-- ************ - END Gray Box - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Content Wrapper - ************** -->
|
||||
<div class="content-wrapper">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="clear"></div>
|
||||
</div><!--/ content-wrapper-->
|
||||
<!-- ************ - END Content Wrapper - ************** -->
|
||||
|
||||
|
||||
</section><!--/ content-->
|
||||
|
||||
|
||||
<!-- ***************** - Begin Footer - ***************** -->
|
||||
<footer>
|
||||
|
||||
|
||||
|
||||
</footer><!--/ footer-->
|
||||
<!-- ***************** - END Footer - ***************** -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Copyright - ***************** -->
|
||||
<div class="copyright">Copyright © 2012. iCare. All rights reserved</div>
|
||||
<div class="developed">developed by <a target="_blank" href="http://chiefsoft.com">ChiefSoft Works</a></div>
|
||||
<!-- ***************** - END Copyright - ***************** -->
|
||||
|
||||
|
||||
</div><!--/ #content-wrapper-->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Sidebar - ******************* -->
|
||||
<aside id="sidebar">
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Categories Widget - *************** -->
|
||||
<div class="categories_widget widget">
|
||||
<h3 class="widget-title">Services We Offer</h3>
|
||||
<ul class="categories">
|
||||
<li><a href="alcohol-addiction.html">Alcohol and addiction therapy</a></li>
|
||||
<li><a href="marital-problems.html">Marital problem counseling</a></li>
|
||||
<li><a href="counseling.html">Group and individual counseling</a></li>
|
||||
<li><a href="psycho-education.html">Psycho-education about prevention </a></li>
|
||||
<li><a href="depression.html">Depression and anxiety therapy</a></li>
|
||||
<li><a href="oppositional-defiant-disorder.html">Adolescent opposition defiant therapy </a></li>
|
||||
<li><a href="career.html">Career & financial counseling</a></li>
|
||||
<li><a href="spiritual.html">Spirituality and holistic lifestyles</a></li>
|
||||
<li><a href="homelessness.html">Homelessness, joblessness & mental health issues</a></li>
|
||||
|
||||
</ul>
|
||||
</div><!--/ categories_widget-->
|
||||
<!-- ************* - END Categories Widget - *************** -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</aside><!--/ sidebar-->
|
||||
<div class="clear"></div>
|
||||
<!-- ***************** - END Sidebar - ******************* -->
|
||||
|
||||
|
||||
</div><!--/ wrapper-->
|
||||
<!-- ***************** - END Wrapper - ***************** -->
|
||||
|
||||
<div id="back-top">
|
||||
<a href="#top"></a>
|
||||
</div><!--/ back-top-->
|
||||
|
||||
<script type="text/javascript" src="js/general.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,392 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if IE 7]> <html class="ie7 no-js" lang="en"> <![endif]-->
|
||||
<!--[if lte IE 8]> <html class="ie8 no-js" lang="en"> <![endif]-->
|
||||
<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en"> <!--<![endif]-->
|
||||
<head>
|
||||
<title>Freely | Columns</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<link rel="shortcut" href="images/favicon.ico" />
|
||||
<link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
|
||||
|
||||
<!-- initialize jQuery Library -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/modernizr.custom.js"></script>
|
||||
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
|
||||
<script type="text/javascript" src="js/ie.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
</head>
|
||||
<body class="color-1 pattern-1 h-style-1 text-1">
|
||||
|
||||
<!-- ***************** - BEGIN Top Holder - ***************** -->
|
||||
<div class="top-holder"></div><!--/ top-holder-->
|
||||
<!-- ***************** - END Top Holder - ******************* -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Wrapper - ******************* -->
|
||||
<div id="wrapper">
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Header - ******************* -->
|
||||
<header class="clearfix">
|
||||
<div class="logo"><a href="index.html"><img src="images/logo.png" alt="" /></a></div><!--/ logo-->
|
||||
<div class="info-call">
|
||||
<p>
|
||||
For additional information call: <span>+00 123456789</span>
|
||||
</p>
|
||||
</div><!--/ info-call-->
|
||||
</header>
|
||||
<!-- ***************** - END Header - ******************* -->
|
||||
|
||||
|
||||
<div id="content-wrapper">
|
||||
<section id="content">
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Navigation - ************** -->
|
||||
<nav class="navigation" id="navigation">
|
||||
<ul>
|
||||
<li><a href="index.html"><span>Home</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="index.html">Nivo Slider</a></li>
|
||||
<li><a href="index-4.html">Circle Effect Slider</a></li>
|
||||
<li><a href="index-2.html">Elegant Accordion</a></li>
|
||||
<li><a href="index-5.html">Rama Slider</a></li>
|
||||
<li><a href="index-3.html">Mosaic</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="about-us.html"><span>Pages</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="about-us.html">About</a></li>
|
||||
<li><a href="services.html">Services</a></li>
|
||||
<li><a href="#">Dropdown</a>
|
||||
<ul>
|
||||
<li><a href="#">Drowdown 1</a></li>
|
||||
<li><a href="#">Drowdown 2</a></li>
|
||||
<li><a href="#">Drowdown 3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="404error.html">404 Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="current-menu-item"><a href="headings.html"><span>Features</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="headings.html">Headings</a></li>
|
||||
<li><a href="images-and-floats.html">Images and floats</a></li>
|
||||
<li><a href="pricing-tables.html">Pricing Tables</a></li>
|
||||
<li><a href="typography.html">Typography</a></li>
|
||||
<li><a href="toggle.html">FAQ Toggle</a></li>
|
||||
<li><a href="tables.html">Tables</a></li>
|
||||
<li><a href="buttons.html">Buttons</a></li>
|
||||
<li class="active"><a href="columns.html">Column Layout</a></li>
|
||||
<li><a href="tabs.html">Tabs</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="gallery.html"><span>Gallery</span></a></li>
|
||||
<li><a href="portfolio-1col.html"><span>Portfolio</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="portfolio-1col.html">Portfolio 1 Column</a></li>
|
||||
<li><a href="portfolio-2col.html">Portfolio 2 Columns</a></li>
|
||||
<li><a href="portfolio-3col.html">Portfolio 3 Columns</a></li>
|
||||
<li><a href="portfolio-single.html">Portfolio Single Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="blog-style1.html"><span>Blog</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="blog-style1.html">Blog Page</a></li>
|
||||
<li><a href="blog-style2.html">Alternative Blog Page</a></li>
|
||||
<li><a href="blog-details.html">Blog Single Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="contacts.html"><span>Contacts</span></a></li>
|
||||
</ul>
|
||||
<div class="search-top">
|
||||
<form action="/" class="inline-search">
|
||||
<fieldset>
|
||||
<input type="text" name="search" />
|
||||
<input type="submit" name="s" />
|
||||
</fieldset>
|
||||
</form><!--/ inline-search-->
|
||||
</div><!--/ search-top-->
|
||||
<div class="clear"></div>
|
||||
</nav><!--/ navigation-->
|
||||
<!-- ************ - END Navigation - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Breadcrumbs - ************** -->
|
||||
<div id="breadcrumbs">
|
||||
<a title="Home" href="#">Home »</a> Columns
|
||||
</div><!--/ breadcrumbs-->
|
||||
<!-- ************ - END Breadcrumbs - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Content Wrapper - ************** -->
|
||||
<div class="content-wrapper">
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Columns - ************** -->
|
||||
<h3>Full width</h3>
|
||||
<span class="dropcap">1</span>
|
||||
<p>
|
||||
met consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
|
||||
laborum Lorem ipsum dolor sit amet, consectetur adipisicing Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.
|
||||
</p>
|
||||
|
||||
<div class="content-divider"></div>
|
||||
|
||||
<div class="two_thirds">
|
||||
<h3>Two-thirds of the column</h3>
|
||||
<span class="dropcap">1</span>
|
||||
<p>
|
||||
met consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum Lorem ipsum dolor
|
||||
sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
|
||||
</p>
|
||||
</div><!--/ two_thirds-->
|
||||
<div class="one_third_last">
|
||||
<h3>One third column</h3>
|
||||
<span class="dropcap">2</span>
|
||||
<p>
|
||||
met consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
|
||||
consectetur adipisicing elit, sed do eiusmod tempor incididunt.
|
||||
</p>
|
||||
</div><!--/ one_third_last-->
|
||||
|
||||
<div class="content-divider"></div>
|
||||
|
||||
<div class="one_third">
|
||||
<h3>One third column</h3>
|
||||
<span class="dropcap">1</span>
|
||||
<p>
|
||||
met consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
|
||||
consectetur adipisicing elit, sed do eiusmod tempor incididunt.
|
||||
</p>
|
||||
</div><!--/ one_third-->
|
||||
<div class="two_thirds_last">
|
||||
<h3>Two-thirds of the column</h3>
|
||||
<span class="dropcap">2</span>
|
||||
<p>
|
||||
met consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum Lorem ipsum dolor
|
||||
sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
|
||||
</p>
|
||||
</div><!--/ two_thirds_last-->
|
||||
|
||||
<div class="content-divider"></div>
|
||||
|
||||
<div class="one_third">
|
||||
<h3>One third column</h3>
|
||||
<div class="dropcap">1</div>
|
||||
<p>
|
||||
met consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
|
||||
consectetur adipisicing elit, sed do eiusmod tempor incididunt.
|
||||
</p>
|
||||
</div><!--/ one_third-->
|
||||
<div class="one_third">
|
||||
<h3>One third column</h3>
|
||||
<div class="dropcap">2</div>
|
||||
<p>
|
||||
met consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
|
||||
consectetur adipisicing elit, sed do eiusmod tempor incididunt.
|
||||
</p>
|
||||
</div><!--/ one_third-->
|
||||
<div class="one_third_last">
|
||||
<h3>One third column</h3>
|
||||
<div class="dropcap">3</div>
|
||||
<p>
|
||||
met consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
|
||||
consectetur adipisicing elit, sed do eiusmod tempor incididunt.
|
||||
</p>
|
||||
</div><!--/ one_third_last-->
|
||||
<div class="clear"></div>
|
||||
<!-- ************ - END Columns - ************** -->
|
||||
|
||||
|
||||
</div><!--/ content-wrapper-->
|
||||
<!-- ************ - END Content Wrapper - ************** -->
|
||||
|
||||
|
||||
</section><!--/ content-->
|
||||
|
||||
|
||||
<!-- ***************** - Begin Footer - ***************** -->
|
||||
<footer>
|
||||
|
||||
<div class="entry-footer">
|
||||
|
||||
<div class="one_third">
|
||||
<h3>Twitter Feed</h3>
|
||||
<div id="jstwitter"></div>
|
||||
</div><!--/ one_third-->
|
||||
|
||||
<div class="one_third">
|
||||
<h3>From The Blog</h3>
|
||||
<div class="latest_posts">
|
||||
<ul>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-1.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Lorem ipsum dolor sit amet consectetur</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-2.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Ipsum dolor sit amet consectetur adipisicing</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-3.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Dolor sit amet consectetur adipisicing elit</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
</ul>
|
||||
<a class="see-all" href="blog-style1.html">See all</a>
|
||||
</div><!--/ latest_posts-->
|
||||
</div><!--/ one_third-->
|
||||
|
||||
<div class="one_third_last">
|
||||
<h3>Contact Info</h3>
|
||||
<div class="widget_text widget">
|
||||
<p>Consectetur adipisicing elit, sed do eiusmod tempor incididunt </p>
|
||||
<strong>Phone: +00 123456789</strong> <br />
|
||||
<strong>E-mail:</strong> <a href="mailto:yoursite@yoursite.com">yoursite@yoursite.com</a>
|
||||
</div><!--/ widget_text-->
|
||||
|
||||
<div class="social_widget widget">
|
||||
<h3>Socialize With Us</h3>
|
||||
<ul>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon1" href="#">Facebook</a></li>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon2" href="#">Twitter</a></li>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon3" href="#">Rss</a></li>
|
||||
</ul>
|
||||
</div><!--/ social_widget-->
|
||||
|
||||
</div><!--/ one_third_last-->
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
</div><!--/ entry-footer-->
|
||||
|
||||
</footer><!--/ footer-->
|
||||
<!-- ***************** - END Footer - ***************** -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Copyright - ***************** -->
|
||||
<div class="copyright">Copyright © 2012. ThemeMakers. All rights reserved</div>
|
||||
<div class="developed">developed by <a target="_blank" href="http://webtemplatemasters.com">ThemeMakers</a></div>
|
||||
<!-- ***************** - END Copyright - ***************** -->
|
||||
|
||||
|
||||
</div><!--/ #content-wrapper-->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Sidebar - ******************* -->
|
||||
<aside id="sidebar">
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Categories Widget - *************** -->
|
||||
<div class="categories_widget widget">
|
||||
<h3 class="widget-title">Categories</h3>
|
||||
<ul class="categories">
|
||||
<li><a href="blog-style1.html">Lorem ipsum dolor sit amet</a></li>
|
||||
<li><a href="blog-style2.html">Consectetur adipisicing </a></li>
|
||||
<li><a href="blog-style2.html">Elit sed do eiusmod </a></li>
|
||||
<li><a href="blog-style1.html">Tempor incididunt ut labore </a></li>
|
||||
<li><a href="blog-style2.html">Et dolore magna aliqua</a></li>
|
||||
<li><a href="blog-style1.html">Ut enim ad minim </a></li>
|
||||
<li><a href="blog-style2.html">Veniam quis nostrud</a></li>
|
||||
<li><a href="blog-style1.html">Esse cillum dolore eu </a></li>
|
||||
<li><a href="blog-style2.html">Fugiat nulla pariat</a></li>
|
||||
<li><a href="blog-style1.html">Excepteur sint occaeca</a></li>
|
||||
<li><a href="blog-style2.html">Cupidatat non</a></li>
|
||||
</ul>
|
||||
</div><!--/ categories_widget-->
|
||||
<!-- ************* - END Categories Widget - *************** -->
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Testimonials Widget - *************** -->
|
||||
<div class="testimonials widget">
|
||||
<div class="quote-text">
|
||||
<p>"Etiam consequat, tortor nec feugiat faucibus, libero eget ullamcorper"
|
||||
<span class="quote-author">-Brandon Green-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
<div class="quote-text">
|
||||
<p>"Cras euismod, est et semper viverra, augue magna luctus neque, ac tincidunt felis nisl euismod nisi."
|
||||
<span class="quote-author">-John Resig-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
<div class="quote-text">
|
||||
<p>"Quisque sit amet odio eu ipsum sollicitudin porttitor ut a nisl. Vestibulum lobortis ultrices justo, id feugiat enim fermentum non. "
|
||||
<span class="quote-author">-Amanda Smith-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
</div><!--/ testimonials -->
|
||||
<!-- ************* - END Testimonials Widget - *************** -->
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Latest Widget - *************** -->
|
||||
<div class="latest_posts widget">
|
||||
<h3 class="widget-title">Latest News</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-1.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Lorem ipsum dolor sit amet consectetur</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-2.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Ipsum dolor sit amet consectetur adipisicing</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-2.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Ipsum dolor sit amet consectetur adipisicing</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
</ul>
|
||||
<a class="see-all" href="blog-details.html">See all news</a>
|
||||
</div><!--/ latest_posts-->
|
||||
<!-- ************* - END Latest Widget - *************** -->
|
||||
|
||||
|
||||
</aside><!--/ sidebar-->
|
||||
<div class="clear"></div>
|
||||
<!-- ***************** - END Sidebar - ******************* -->
|
||||
|
||||
|
||||
</div><!--/ wrapper-->
|
||||
<!-- ***************** - END Wrapper - ***************** -->
|
||||
|
||||
<div id="back-top">
|
||||
<a href="#top"></a>
|
||||
</div><!--/ back-top-->
|
||||
|
||||
<script type="text/javascript" src="js/general.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+157
@@ -0,0 +1,157 @@
|
||||
<?php session_start();
|
||||
|
||||
if(!$_POST) exit;
|
||||
|
||||
if (!defined("PHP_EOL")) define("PHP_EOL", "\r\n");
|
||||
|
||||
///////////////////////////////////////////////////////////////////////////
|
||||
|
||||
// Simple Configuration Options
|
||||
|
||||
// Enter the email address that you want to emails to be sent to.
|
||||
// Example $address = "joe.doe@yourdomain.com";
|
||||
|
||||
$address = "thethememakers@gmail.com";
|
||||
$address = "icarementalhealth@gmail.com";
|
||||
//$address = "acidumirae@gmail.com";
|
||||
|
||||
// Twitter Direct Message notification control.
|
||||
// Set $twitter_active to 0 to disable Twitter Notification
|
||||
$twitter_active = 0;
|
||||
|
||||
// Get your consumer key and consumer secret from http://dev.twitter.com/apps/new
|
||||
// Notes:
|
||||
// Application Name: Jigowatt Contact Form
|
||||
// Description: Jigowatt Contact Form Direct Messaging Funcionality
|
||||
// Application Website: (your website address)
|
||||
// Application Type: Browser
|
||||
// Callback URL: (Blank)
|
||||
// Default Access type: Read and Write
|
||||
$twitter_user = ""; // Your user name
|
||||
$consumer_key = "";
|
||||
$consumer_secret = "";
|
||||
|
||||
// Access Token and Access Token Secret is under "My Access Token" (right menu).
|
||||
$token = "";
|
||||
$secret = "";
|
||||
|
||||
// END OF Simple Configuration Options
|
||||
|
||||
///////////////////////////////////////////////////////////////////////////
|
||||
|
||||
// Only edit below this line if either instructed to do so by the author or have extensive PHP knowledge.
|
||||
// Please Note, we cannot support this file package if modifications have been made below this line.
|
||||
|
||||
$name = $_POST['name'];
|
||||
$email = $_POST['email'];
|
||||
$phone = $_POST['phone'];
|
||||
$subject = $_POST['subject'];
|
||||
$comments = $_POST['comments'];
|
||||
|
||||
$verify = $_POST['verify'];
|
||||
$verify = md5($verify);
|
||||
|
||||
// Important Variables
|
||||
$session = $_SESSION['verify'];
|
||||
$error = '';
|
||||
|
||||
if(trim($name) == '') {
|
||||
$error .= '<li>Your name is required.</li>';
|
||||
}
|
||||
|
||||
if(trim($email) == '') {
|
||||
$error .= '<li>Your e-mail address is required.</li>';
|
||||
} elseif(!isEmail($email)) {
|
||||
$error .= '<li>You have entered an invalid e-mail address.</li>';
|
||||
}
|
||||
|
||||
if(trim($phone) == '') {
|
||||
$error .= '<li>Your phone number is required.</li>';
|
||||
} elseif(!is_numeric($phone)) {
|
||||
$error .= '<li>Your phone number can only contain digits.</li>';
|
||||
}
|
||||
|
||||
if(trim($comments) == '') {
|
||||
$error .= '<li>You must enter a message to send.</li>';
|
||||
}
|
||||
|
||||
if($session != $verify) {
|
||||
$error .= '<li>The verification code you entered is incorrect.</li>';
|
||||
}
|
||||
|
||||
if($error != '') {
|
||||
echo '<div class="error_message">Attention! Please correct the errors below and try again.';
|
||||
echo '<ul class="error_messages">' . $error . '</ul>';
|
||||
echo '</div>';
|
||||
|
||||
} else {
|
||||
|
||||
if(get_magic_quotes_gpc()) { $comments = stripslashes($comments); }
|
||||
|
||||
// Advanced Configuration Option.
|
||||
// i.e. The standard subject will appear as, "You've been contacted by John Doe."
|
||||
|
||||
$e_subject = 'You\'ve been contacted by ' . $name . '.';
|
||||
|
||||
// Advanced Configuration Option.
|
||||
// You can change this if you feel that you need to.
|
||||
// Developers, you may wish to add more fields to the form, in which case you must be sure to add them here.
|
||||
|
||||
$msg = "You have been contacted by $name with regards to $subject, they passed verification and their message is as follows." . PHP_EOL . PHP_EOL;
|
||||
$msg .= "$comments" . PHP_EOL . PHP_EOL;
|
||||
$msg .= "You can contact $name via email, $email or via phone $phone." . PHP_EOL . PHP_EOL;
|
||||
$msg .= "-------------------------------------------------------------------------------------------" . PHP_EOL;
|
||||
$msg .= "This message was sent to you via AJAX Contact Form";
|
||||
|
||||
if($twitter_active == 1) {
|
||||
|
||||
$twitter_msg = $name . " - " . $comments . ". You can contact " . $name . " via email, " . $email ." or via phone " . $phone . ".";
|
||||
twittermessage($twitter_user, $twitter_msg, $consumer_key, $consumer_secret, $token, $secret);
|
||||
|
||||
}
|
||||
|
||||
$msg = wordwrap( $msg, 70 );
|
||||
|
||||
$headers = "From: $email" . PHP_EOL;
|
||||
$headers .= "Reply-To: $email" . PHP_EOL;
|
||||
$headers .= "MIME-Version: 1.0" . PHP_EOL;
|
||||
$headers .= "Content-type: text/plain; charset=utf-8" . PHP_EOL;
|
||||
$headers .= "Content-Transfer-Encoding: quoted-printable" . PHP_EOL;
|
||||
|
||||
if(mail($address, $e_subject, $msg, $headers)) {
|
||||
|
||||
echo "<fieldset>";
|
||||
echo "<div id='success_page'>";
|
||||
echo "<h1>Email Sent Successfully.</h1>";
|
||||
echo "<p>Thank you <strong>$name</strong>, your message has been submitted to us.</p>";
|
||||
echo "</div>";
|
||||
echo "</fieldset>";
|
||||
|
||||
} else {
|
||||
|
||||
echo 'ERROR!'; // Dont Edit.
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function twittermessage($user, $message, $consumer_key, $consumer_secret, $token, $secret) { // Twitter Direct Message function, do not edit.
|
||||
|
||||
require_once('twitter/EpiCurl.php');
|
||||
require_once('twitter/EpiOAuth.php');
|
||||
require_once('twitter/EpiTwitter.php');
|
||||
|
||||
$Twitter = new EpiTwitter($consumer_key, $consumer_secret);
|
||||
$Twitter->setToken($token, $secret);
|
||||
|
||||
$direct_message = $Twitter->post_direct_messagesNew( array('user' => $user, 'text' => $message) );
|
||||
$tweet_info = $direct_message->responseText;
|
||||
|
||||
}
|
||||
|
||||
function isEmail($email) { // Email address verification, do not edit.
|
||||
|
||||
return(preg_match("/^[-_.[:alnum:]]+@((([[:alnum:]]|[[:alnum:]][[:alnum:]-]*[[:alnum:]])\.)+(ad|ae|aero|af|ag|ai|al|am|an|ao|aq|ar|arpa|as|at|au|aw|az|ba|bb|bd|be|bf|bg|bh|bi|biz|bj|bm|bn|bo|br|bs|bt|bv|bw|by|bz|ca|cc|cd|cf|cg|ch|ci|ck|cl|cm|cn|co|com|coop|cr|cs|cu|cv|cx|cy|cz|de|dj|dk|dm|do|dz|ec|edu|ee|eg|eh|er|es|et|eu|fi|fj|fk|fm|fo|fr|ga|gb|gd|ge|gf|gh|gi|gl|gm|gn|gov|gp|gq|gr|gs|gt|gu|gw|gy|hk|hm|hn|hr|ht|hu|id|ie|il|in|info|int|io|iq|ir|is|it|jm|jo|jp|ke|kg|kh|ki|km|kn|kp|kr|kw|ky|kz|la|lb|lc|li|lk|lr|ls|lt|lu|lv|ly|ma|mc|md|mg|mh|mil|mk|ml|mm|mn|mo|mp|mq|mr|ms|mt|mu|museum|mv|mw|mx|my|mz|na|name|nc|ne|net|nf|ng|ni|nl|no|np|nr|nt|nu|nz|om|org|pa|pe|pf|pg|ph|pk|pl|pm|pn|pr|pro|ps|pt|pw|py|qa|re|ro|ru|rw|sa|sb|sc|sd|se|sg|sh|si|sj|sk|sl|sm|sn|so|sr|st|su|sv|sy|sz|tc|td|tf|tg|th|tj|tk|tm|tn|to|tp|tr|tt|tv|tw|tz|ua|ug|uk|um|us|uy|uz|va|vc|ve|vg|vi|vn|vu|wf|ws|ye|yt|yu|za|zm|zw)$|(([0-9][0-9]?|[0-1][0-9][0-9]|[2][0-4][0-9]|[2][5][0-5])\.){3}([0-9][0-9]?|[0-1][0-9][0-9]|[2][0-4][0-9]|[2][5][0-5]))$/i",$email));
|
||||
|
||||
}
|
||||
?>
|
||||
@@ -0,0 +1,210 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if IE 7]> <html class="ie7 no-js" lang="en"> <![endif]-->
|
||||
<!--[if lte IE 8]> <html class="ie8 no-js" lang="en"> <![endif]-->
|
||||
<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en"> <!--<![endif]-->
|
||||
<head>
|
||||
<title>iCare</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<link rel="shortcut" href="images/favicon.ico" />
|
||||
<link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="stylesheets/contact.css" />
|
||||
|
||||
<!-- initialize jQuery Library -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/modernizr.custom.js"></script>
|
||||
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
|
||||
<script type="text/javascript" src="js/ie.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
</head>
|
||||
<body class="color-1 pattern-1 h-style-1 text-1">
|
||||
|
||||
<!-- ***************** - BEGIN Top Holder - ***************** -->
|
||||
<div class="top-holder"></div><!--/ top-holder-->
|
||||
<!-- ***************** - END Top Holder - ******************* -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Wrapper - ******************* -->
|
||||
<div id="wrapper">
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Header - ******************* -->
|
||||
<header class="clearfix">
|
||||
<div class="logo"><a href="index.html"><img src="images/logo.png" alt="" /></a></div><!--/ logo-->
|
||||
<div class="info-call">
|
||||
<p>
|
||||
For additional information call: <span>+404-721-0184 </span>
|
||||
</p>
|
||||
</div><!--/ info-call-->
|
||||
</header>
|
||||
<!-- ***************** - END Header - ******************* -->
|
||||
|
||||
|
||||
<div id="content-wrapper">
|
||||
<section id="content">
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Navigation - ************** -->
|
||||
<nav class="navigation" id="navigation">
|
||||
<ul>
|
||||
<li><a href="index.html"><span>Home</span></a>
|
||||
|
||||
</li>
|
||||
<li><a href="about-us.html"><span>About us</span></a>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li class="current-menu-item"><a href="contacts.html"><span>Contacts</span></a></li>
|
||||
</ul>
|
||||
|
||||
<div class="clear"></div>
|
||||
</nav><!--/ navigation-->
|
||||
<!-- ************ - END Navigation - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Breadcrumbs - ************** -->
|
||||
<div id="breadcrumbs">
|
||||
<a title="Home" href="#">Home »</a> Contacts
|
||||
</div><!--/ breadcrumbs-->
|
||||
<!-- ************ - END Breadcrumbs - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Content Wrapper - ************** -->
|
||||
<div class="contacts-wrapper">
|
||||
<div class="content-wrapper"><h3>Contacts</h3></div>
|
||||
|
||||
|
||||
|
||||
<div class="content-wrapper">
|
||||
|
||||
<h3>Send Us Mail - Email: icarementalhealth@gmail.com</h3>
|
||||
|
||||
<div id="contact">
|
||||
<div id="message"></div>
|
||||
<form method="post" action="contact.php" id="contactform">
|
||||
<fieldset>
|
||||
<div class="alignleft">
|
||||
<div class="row">
|
||||
<label for="name"><span class="required">*</span>Your Name:</label>
|
||||
<input type="text" name="name" id="name" />
|
||||
</div><!--/ row-->
|
||||
<div class="row">
|
||||
<label for="email"><span class="required">*</span>E-mail:</label>
|
||||
<input type="text" name="email" id="email" />
|
||||
</div><!--/ row-->
|
||||
<div class="row">
|
||||
<label for="phone">Phone:</label>
|
||||
<input type="text" name="phone" id="phone" />
|
||||
</div><!--/ row-->
|
||||
<div class="row">
|
||||
<label for="subject">Subject</label>
|
||||
<select name="subject" id="subject">
|
||||
<option value="Support">Support</option>
|
||||
<option value="a Sale">Sales</option>
|
||||
<option value="a Bug fix">Report a bug</option>
|
||||
</select>
|
||||
</div><!--/ row-->
|
||||
<div class="row">
|
||||
<img src="image.php" alt="" style="vertical-align: middle;" /><input name="verify" type="text" id="verify" size="6" value="" style="width: 50px; margin: 0 0 0 8px; vertical-align: middle;" />
|
||||
</div><!--/ row-->
|
||||
<input type="submit" class="button green small" id="submit" value="Submit" />
|
||||
</div><!--/ textfield-->
|
||||
<div class="alignright">
|
||||
<label for="comments">Message:</label>
|
||||
<textarea name="comments" id="comments" cols="30" rows="10"></textarea>
|
||||
</div><!--/ areafield-->
|
||||
</fieldset>
|
||||
</form>
|
||||
</div><!--/ contact-->
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
</div><!--/ .content-wrapper-->
|
||||
</div><!--/ contacts-wrapper-->
|
||||
<!-- ************ - END Content Wrapper - ************** -->
|
||||
|
||||
<div id="map_canvas"></div>
|
||||
</section><!--/ content-->
|
||||
|
||||
|
||||
|
||||
<!-- ***************** - Begin Footer - ***************** -->
|
||||
<footer>
|
||||
|
||||
|
||||
|
||||
</footer><!--/ footer-->
|
||||
<!-- ***************** - END Footer - ***************** -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Copyright - ***************** -->
|
||||
<div class="copyright">Copyright © 2024 - 2012. iCare. All rights reserved</div>
|
||||
<div class="developed">developed by <a target="_blank" href="http://chiefsoft.com">ChiefSoft Works</a></div>
|
||||
<!-- ***************** - END Copyright - ***************** -->
|
||||
|
||||
|
||||
</div><!--/ #content-wrapper-->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Sidebar - ******************* -->
|
||||
<aside id="sidebar">
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Sidebar - ******************* -->
|
||||
<aside id="sidebar">
|
||||
|
||||
<!-- ************* - BEGIN Categories Widget - *************** -->
|
||||
<div class="categories_widget widget">
|
||||
<h3 class="widget-title">Services We Offer</h3>
|
||||
<ul class="categories">
|
||||
<li><a href="alcohol-addiction.html">Alcohol and addiction therapy</a></li>
|
||||
<li><a href="marital-problems.html">Marital problem counseling</a></li>
|
||||
<li><a href="counseling.html">Group and individual counseling</a></li>
|
||||
<li><a href="psycho-education.html">Psycho-education about prevention </a></li>
|
||||
<li><a href="depression.html">Depression and anxiety therapy</a></li>
|
||||
<li><a href="oppositional-defiant-disorder.html">Adolescent opposition defiant therapy </a></li>
|
||||
<li><a href="career.html">Career & financial counseling</a></li>
|
||||
<li><a href="spiritual.html">Spirituality and holistic lifestyles</a></li>
|
||||
<li><a href="homelessness.html">Homelessness, joblessness & mental health issues</a></li>
|
||||
|
||||
</ul>
|
||||
</div><!--/ categories_widget-->
|
||||
<!-- ************* - END Categories Widget - *************** -->
|
||||
|
||||
|
||||
|
||||
</aside><!--/ sidebar-->
|
||||
<div class="clear"></div>
|
||||
<!-- ***************** - END Sidebar - ******************* -->
|
||||
|
||||
|
||||
</div><!--/ wrapper-->
|
||||
<!-- ***************** - END Wrapper - ***************** -->
|
||||
|
||||
<div id="back-top">
|
||||
<a href="#top"></a>
|
||||
</div><!--/ back-top-->
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=en"></script>
|
||||
<script type="text/javascript">
|
||||
function initialize() {
|
||||
var latlng = new google.maps.LatLng(40.72, -74);
|
||||
var myOptions = {
|
||||
zoom: 12,
|
||||
center: latlng,
|
||||
mapTypeId: google.maps.MapTypeId.ROADMAP
|
||||
};
|
||||
var map = new google.maps.Map(document.getElementById("map_canvas"),
|
||||
myOptions);
|
||||
} initialize()
|
||||
</script>
|
||||
<script type="text/javascript" src="js/general.js"></script>
|
||||
<script type="text/javascript" src="js/jquery.jigowatt.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,183 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if IE 7]> <html class="ie7 no-js" lang="en"> <![endif]-->
|
||||
<!--[if lte IE 8]> <html class="ie8 no-js" lang="en"> <![endif]-->
|
||||
<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en"> <!--<![endif]-->
|
||||
<head>
|
||||
<title>iCare</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<link rel="shortcut" href="images/favicon.ico" />
|
||||
<link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
|
||||
|
||||
<!-- initialize jQuery Library -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/modernizr.custom.js"></script>
|
||||
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
|
||||
<script type="text/javascript" src="js/ie.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
</head>
|
||||
<body class="color-1 pattern-1 h-style-1 text-1">
|
||||
|
||||
<!-- ***************** - BEGIN Top Holder - ***************** -->
|
||||
<div class="top-holder"></div><!--/ top-holder-->
|
||||
<!-- ***************** - END Top Holder - ******************* -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Wrapper - ******************* -->
|
||||
<div id="wrapper">
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Header - ******************* -->
|
||||
<header class="clearfix">
|
||||
<div class="logo"><a href="index.html"><img src="images/logo.png" alt="" /></a></div><!--/ logo-->
|
||||
<div class="info-call">
|
||||
<p>
|
||||
For additional information call: <span>+404-721-0184 </span>
|
||||
</p>
|
||||
</div><!--/ info-call-->
|
||||
</header>
|
||||
<!-- ***************** - END Header - ******************* -->
|
||||
|
||||
|
||||
<div id="content-wrapper">
|
||||
<section id="content">
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Navigation - ************** -->
|
||||
<nav class="navigation" id="navigation">
|
||||
<ul>
|
||||
<li><a href="index.html"><span>Home</span></a>
|
||||
|
||||
</li>
|
||||
<li class="current-menu-item"><a href="about-us.html"><span>About us</span></a>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li><a href="contacts.html"><span>Contacts</span></a></li>
|
||||
</ul>
|
||||
|
||||
<div class="clear"></div>
|
||||
</nav><!--/ navigation-->
|
||||
<!-- ************ - END Navigation - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Breadcrumbs - ************** -->
|
||||
<div id="breadcrumbs">
|
||||
<a title="Home" href="#">Home �</a> Group and Individual Counseling
|
||||
</div><!--/ breadcrumbs-->
|
||||
<!-- ************ - END Breadcrumbs - ************** -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Gray Box - ************** -->
|
||||
<div class="gray-holder">
|
||||
|
||||
<h1>Group and Individual Counseling</h1>
|
||||
<p>
|
||||
|
||||
|
||||
I Care Mental Health (ICMH) provide group and individual counseling to clients who want therapy to address issues relating to their needs. Group therapy is good for some people who are in recovery from alcohol and substance abuse, sharing experiences with others who are going through the same problems can provide healing, if coupled with spiritual empowerment education. Individual counseling is designed to give an individual the skills to overcome problems or coping skills to deal with upheaval of life.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<div class="clear"></div>
|
||||
</div><!--/ gray-holder-->
|
||||
<!-- ************ - END Gray Box - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Content Wrapper - ************** -->
|
||||
<div class="content-wrapper">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="clear"></div>
|
||||
</div><!--/ content-wrapper-->
|
||||
<!-- ************ - END Content Wrapper - ************** -->
|
||||
|
||||
|
||||
</section><!--/ content-->
|
||||
|
||||
|
||||
<!-- ***************** - Begin Footer - ***************** -->
|
||||
<footer>
|
||||
|
||||
|
||||
|
||||
</footer><!--/ footer-->
|
||||
<!-- ***************** - END Footer - ***************** -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Copyright - ***************** -->
|
||||
<div class="copyright">Copyright © 2024 - 2012. iCare. All rights reserved</div>
|
||||
<div class="developed">developed by <a target="_blank" href="http://chiefsoft.com">ChiefSoft Works</a></div>
|
||||
<!-- ***************** - END Copyright - ***************** -->
|
||||
|
||||
|
||||
</div><!--/ #content-wrapper-->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Sidebar - ******************* -->
|
||||
<aside id="sidebar">
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Sidebar - ******************* -->
|
||||
<aside id="sidebar">
|
||||
|
||||
<!-- ************* - BEGIN Categories Widget - *************** -->
|
||||
<div class="categories_widget widget">
|
||||
<h3 class="widget-title">Services We Offer</h3>
|
||||
<ul class="categories">
|
||||
<li><a href="alcohol-addiction.html">Alcohol and addiction therapy</a></li>
|
||||
<li><a href="marital-problems.html">Marital problem counseling</a></li>
|
||||
<li><a href="counseling.html">Group and individual counseling</a></li>
|
||||
<li><a href="psycho-education.html">Psycho-education about prevention </a></li>
|
||||
<li><a href="depression.html">Depression and anxiety therapy</a></li>
|
||||
<li><a href="oppositional-defiant-disorder.html">Adolescent opposition defiant therapy </a></li>
|
||||
<li><a href="career.html">Career & financial counseling</a></li>
|
||||
<li><a href="spiritual.html">Spirituality and holistic lifestyles</a></li>
|
||||
<li><a href="homelessness.html">Homelessness, joblessness & mental health issues</a></li>
|
||||
|
||||
</ul>
|
||||
</div><!--/ categories_widget-->
|
||||
<!-- ************* - END Categories Widget - *************** -->
|
||||
|
||||
|
||||
|
||||
|
||||
</aside><!--/ sidebar-->
|
||||
<div class="clear"></div>
|
||||
<!-- ***************** - END Sidebar - ******************* -->
|
||||
|
||||
|
||||
</div><!--/ wrapper-->
|
||||
<!-- ***************** - END Wrapper - ***************** -->
|
||||
|
||||
<div id="back-top">
|
||||
<a href="#top"></a>
|
||||
</div><!--/ back-top-->
|
||||
|
||||
<script type="text/javascript" src="js/general.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,185 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if IE 7]> <html class="ie7 no-js" lang="en"> <![endif]-->
|
||||
<!--[if lte IE 8]> <html class="ie8 no-js" lang="en"> <![endif]-->
|
||||
<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en"> <!--<![endif]-->
|
||||
<head>
|
||||
<title>iCare</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<link rel="shortcut" href="images/favicon.ico" />
|
||||
<link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
|
||||
|
||||
<!-- initialize jQuery Library -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/modernizr.custom.js"></script>
|
||||
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
|
||||
<script type="text/javascript" src="js/ie.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
</head>
|
||||
<body class="color-1 pattern-1 h-style-1 text-1">
|
||||
|
||||
<!-- ***************** - BEGIN Top Holder - ***************** -->
|
||||
<div class="top-holder"></div><!--/ top-holder-->
|
||||
<!-- ***************** - END Top Holder - ******************* -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Wrapper - ******************* -->
|
||||
<div id="wrapper">
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Header - ******************* -->
|
||||
<header class="clearfix">
|
||||
<div class="logo"><a href="index.html"><img src="images/logo.png" alt="" /></a></div><!--/ logo-->
|
||||
<div class="info-call">
|
||||
<p>
|
||||
For additional information call: <span>+404-721-0184</span>
|
||||
</p>
|
||||
</div><!--/ info-call-->
|
||||
</header>
|
||||
<!-- ***************** - END Header - ******************* -->
|
||||
|
||||
|
||||
<div id="content-wrapper">
|
||||
<section id="content">
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Navigation - ************** -->
|
||||
<nav class="navigation" id="navigation">
|
||||
<ul>
|
||||
<li><a href="index.html"><span>Home</span></a>
|
||||
|
||||
</li>
|
||||
<li class="current-menu-item"><a href="about-us.html"><span>About us</span></a>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li><a href="contacts.html"><span>Contacts</span></a></li>
|
||||
</ul>
|
||||
|
||||
<div class="clear"></div>
|
||||
</nav><!--/ navigation-->
|
||||
<!-- ************ - END Navigation - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Breadcrumbs - ************** -->
|
||||
<div id="breadcrumbs">
|
||||
<a title="Home" href="#">Home </a> Depression and Anxiety Treatments
|
||||
</div><!--/ breadcrumbs-->
|
||||
<!-- ************ - END Breadcrumbs - ************** -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Gray Box - ************** -->
|
||||
<div class="gray-holder">
|
||||
|
||||
<h1>Depression and Anxiety Treatments</h1>
|
||||
<p>
|
||||
We teach our patients to recognize the symptoms of stress, whether work related, marital and joblessness that creates stressors. There are many situations that can create anxiety and depression, such as work stressors, losing the loved one, marital related anxiety, financial difficulty and many others. Depression can affect your life, job performance, your total life functionality and family or people that are around you. The good news is that our professionals can help you overcome negative harmful stressors. Stressors are come in everyday life, while some can help than hurt, some can actually cause physical illness and that you need to combat before it is too late.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<div class="clear"></div>
|
||||
</div><!--/ gray-holder-->
|
||||
<!-- ************ - END Gray Box - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Content Wrapper - ************** -->
|
||||
<div class="content-wrapper">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="clear"></div>
|
||||
</div><!--/ content-wrapper-->
|
||||
<!-- ************ - END Content Wrapper - ************** -->
|
||||
|
||||
|
||||
</section><!--/ content-->
|
||||
|
||||
|
||||
<!-- ***************** - Begin Footer - ***************** -->
|
||||
<footer>
|
||||
|
||||
|
||||
|
||||
</footer><!--/ footer-->
|
||||
<!-- ***************** - END Footer - ***************** -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Copyright - ***************** -->
|
||||
<div class="copyright">Copyright © 2024 - 2012. iCare. All rights reserved</div>
|
||||
<div class="developed">developed by <a target="_blank" href="http://chiefsoft.com">ChiefSoft Works</a></div>
|
||||
<!-- ***************** - END Copyright - ***************** -->
|
||||
|
||||
|
||||
</div><!--/ #content-wrapper-->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Sidebar - ******************* -->
|
||||
<aside id="sidebar">
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Sidebar - ******************* -->
|
||||
<aside id="sidebar">
|
||||
|
||||
<!-- ************* - BEGIN Categories Widget - *************** -->
|
||||
<div class="categories_widget widget">
|
||||
<h3 class="widget-title">Services We Offer</h3>
|
||||
<ul class="categories">
|
||||
<li><a href="alcohol-addiction.html">Alcohol and addiction therapy</a></li>
|
||||
<li><a href="marital-problems.html">Marital problem counseling</a></li>
|
||||
<li><a href="counseling.html">Group and individual counseling</a></li>
|
||||
<li><a href="psycho-education.html">Psycho-education about prevention </a></li>
|
||||
<li><a href="depression.html">Depression and anxiety therapy</a></li>
|
||||
<li><a href="oppositional-defiant-disorder.html">Adolescent opposition defiant therapy </a></li>
|
||||
<li><a href="career.html">Career & financial counseling</a></li>
|
||||
<li><a href="spiritual.html">Spirituality and holistic lifestyles</a></li>
|
||||
<li><a href="homelessness.html">Homelessness, joblessness & mental health issues</a></li>
|
||||
|
||||
</ul>
|
||||
</div><!--/ categories_widget-->
|
||||
<!-- ************* - END Categories Widget - *************** -->
|
||||
|
||||
|
||||
|
||||
|
||||
</aside><!--/ sidebar-->
|
||||
<div class="clear"></div>
|
||||
<!-- ***************** - END Sidebar - ******************* -->
|
||||
|
||||
|
||||
</div><!--/ wrapper-->
|
||||
<!-- ***************** - END Wrapper - ***************** -->
|
||||
|
||||
<div id="back-top">
|
||||
<a href="#top"></a>
|
||||
</div><!--/ back-top-->
|
||||
|
||||
<script type="text/javascript" src="js/general.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 43 B |
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
@@ -0,0 +1,85 @@
|
||||
#fancybox-buttons {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 1005;
|
||||
}
|
||||
|
||||
#fancybox-buttons.top {
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
#fancybox-buttons.bottom {
|
||||
bottom: 10px;
|
||||
}
|
||||
|
||||
#fancybox-buttons ul {
|
||||
display: block;
|
||||
width: 170px;
|
||||
height: 30px;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
background: #111;
|
||||
-webkit-box-shadow: 0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);
|
||||
-moz-box-shadow: 0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);
|
||||
background: #111 -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.2)),color-stop(.5,rgba(255,255,255,.15)),color-stop(.5,rgba(255,255,255,.1)),to(rgba(255,255,255,.15)));
|
||||
background: #111 -moz-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.15) 100%);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
#fancybox-buttons ul li {
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#fancybox-buttons a {
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
text-indent: -9999px;
|
||||
background-image: url('fancybox_buttons.png');
|
||||
background-repeat: no-repeat;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnPrev {
|
||||
width: 32px;
|
||||
background-position: 6px 0;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnNext {
|
||||
background-position: -33px 0;
|
||||
border-right: 1px solid #3e3e3e;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnPlay {
|
||||
background-position: 0 -30px;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnPlayOn {
|
||||
background-position: -30px -30px;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnToggle {
|
||||
background-position: 3px -60px;
|
||||
border-left: 1px solid #111;
|
||||
border-right: 1px solid #3e3e3e;
|
||||
width: 35px
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnToggleOn {
|
||||
background-position: -27px -60px;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnClose {
|
||||
border-left: 1px solid #111;
|
||||
width: 38px;
|
||||
background-position: -57px 0px;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnDisabled {
|
||||
opacity : 0.5;
|
||||
cursor: default;
|
||||
}
|
||||
@@ -0,0 +1,115 @@
|
||||
/*!
|
||||
* Buttons helper for fancyBox
|
||||
* version: 1.0.2
|
||||
* @requires fancyBox v2.0 or later
|
||||
*
|
||||
* Usage:
|
||||
* $(".fancybox").fancybox({
|
||||
* buttons: {
|
||||
* position : 'top'
|
||||
* }
|
||||
* });
|
||||
*
|
||||
* Options:
|
||||
* tpl - HTML template
|
||||
* position - 'top' or 'bottom'
|
||||
*
|
||||
*/
|
||||
(function ($) {
|
||||
//Shortcut for fancyBox object
|
||||
var F = $.fancybox;
|
||||
|
||||
//Add helper object
|
||||
F.helpers.buttons = {
|
||||
tpl: '<div id="fancybox-buttons"><ul><li><a class="btnPrev" title="Previous" href="javascript:;"></a></li><li><a class="btnPlay" title="Start slideshow" href="javascript:;"></a></li><li><a class="btnNext" title="Next" href="javascript:;"></a></li><li><a class="btnToggle" title="Toggle size" href="javascript:;"></a></li><li><a class="btnClose" title="Close" href="javascript:jQuery.fancybox.close();"></a></li></ul></div>',
|
||||
list: null,
|
||||
buttons: {},
|
||||
|
||||
update: function () {
|
||||
var toggle = this.buttons.toggle.removeClass('btnDisabled btnToggleOn');
|
||||
|
||||
//Size toggle button
|
||||
if (F.current.canShrink) {
|
||||
toggle.addClass('btnToggleOn');
|
||||
|
||||
} else if (!F.current.canExpand) {
|
||||
toggle.addClass('btnDisabled');
|
||||
}
|
||||
},
|
||||
|
||||
beforeLoad: function (opts) {
|
||||
//Remove self if gallery do not have at least two items
|
||||
if (F.group.length < 2) {
|
||||
F.coming.helpers.buttons = false;
|
||||
F.coming.closeBtn = true;
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
//Increase top margin to give space for buttons
|
||||
F.coming.margin[ opts.position === 'bottom' ? 2 : 0 ] += 30;
|
||||
},
|
||||
|
||||
onPlayStart: function () {
|
||||
if (this.list) {
|
||||
this.buttons.play.attr('title', 'Pause slideshow').addClass('btnPlayOn');
|
||||
}
|
||||
},
|
||||
|
||||
onPlayEnd: function () {
|
||||
if (this.list) {
|
||||
this.buttons.play.attr('title', 'Start slideshow').removeClass('btnPlayOn');
|
||||
}
|
||||
},
|
||||
|
||||
afterShow: function (opts) {
|
||||
var buttons;
|
||||
|
||||
if (!this.list) {
|
||||
this.list = $(opts.tpl || this.tpl).addClass(opts.position || 'top').appendTo('body');
|
||||
|
||||
this.buttons = {
|
||||
prev : this.list.find('.btnPrev').click( F.prev ),
|
||||
next : this.list.find('.btnNext').click( F.next ),
|
||||
play : this.list.find('.btnPlay').click( F.play ),
|
||||
toggle : this.list.find('.btnToggle').click( F.toggle )
|
||||
}
|
||||
}
|
||||
|
||||
buttons = this.buttons;
|
||||
|
||||
//Prev
|
||||
if (F.current.index > 0 || F.current.loop) {
|
||||
buttons.prev.removeClass('btnDisabled');
|
||||
} else {
|
||||
buttons.prev.addClass('btnDisabled');
|
||||
}
|
||||
|
||||
//Next / Play
|
||||
if (F.current.loop || F.current.index < F.group.length - 1) {
|
||||
buttons.next.removeClass('btnDisabled');
|
||||
buttons.play.removeClass('btnDisabled');
|
||||
|
||||
} else {
|
||||
buttons.next.addClass('btnDisabled');
|
||||
buttons.play.addClass('btnDisabled');
|
||||
}
|
||||
|
||||
this.update();
|
||||
},
|
||||
|
||||
onUpdate: function () {
|
||||
this.update();
|
||||
},
|
||||
|
||||
beforeClose: function () {
|
||||
if (this.list) {
|
||||
this.list.remove();
|
||||
}
|
||||
|
||||
this.list = null;
|
||||
this.buttons = {};
|
||||
}
|
||||
};
|
||||
|
||||
}(jQuery));
|
||||
@@ -0,0 +1,54 @@
|
||||
#fancybox-thumbs {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 1005;
|
||||
}
|
||||
|
||||
#fancybox-thumbs.bottom {
|
||||
bottom: 2px;
|
||||
}
|
||||
|
||||
#fancybox-thumbs.top {
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul {
|
||||
position: relative;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul li {
|
||||
float: left;
|
||||
padding: 1px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul li.active {
|
||||
opacity: 0.75;
|
||||
padding: 0;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul li:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul li a {
|
||||
display: block;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border: 1px solid #222;
|
||||
background: #111;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul li img {
|
||||
display: block;
|
||||
position: relative;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
@@ -0,0 +1,151 @@
|
||||
/*!
|
||||
* Thumbnail helper for fancyBox
|
||||
* version: 1.0.2
|
||||
* @requires fancyBox v2.0 or later
|
||||
*
|
||||
* Usage:
|
||||
* $(".fancybox").fancybox({
|
||||
* thumbs: {
|
||||
* width : 50,
|
||||
* height : 50
|
||||
* }
|
||||
* });
|
||||
*
|
||||
* Options:
|
||||
* width - thumbnail width
|
||||
* height - thumbnail height
|
||||
* source - function to obtain the URL of the thumbnail image
|
||||
* position - 'top' or 'bottom'
|
||||
*
|
||||
*/
|
||||
(function ($) {
|
||||
//Shortcut for fancyBox object
|
||||
var F = $.fancybox;
|
||||
|
||||
//Add helper object
|
||||
F.helpers.thumbs = {
|
||||
wrap: null,
|
||||
list: null,
|
||||
width: 0,
|
||||
|
||||
//Default function to obtain the URL of the thumbnail image
|
||||
source: function (el) {
|
||||
var img = $(el).find('img');
|
||||
|
||||
return img.length ? img.attr('src') : el.href;
|
||||
},
|
||||
|
||||
init: function (opts) {
|
||||
var that = this,
|
||||
list,
|
||||
thumbWidth = opts.width || 50,
|
||||
thumbHeight = opts.height || 50,
|
||||
thumbSource = opts.source || this.source;
|
||||
|
||||
//Build list structure
|
||||
list = '';
|
||||
|
||||
for (var n = 0; n < F.group.length; n++) {
|
||||
list += '<li><a style="width:' + thumbWidth + 'px;height:' + thumbHeight + 'px;" href="javascript:jQuery.fancybox.jumpto(' + n + ');"></a></li>';
|
||||
}
|
||||
|
||||
this.wrap = $('<div id="fancybox-thumbs"></div>').addClass(opts.position || 'bottom').appendTo('body');
|
||||
this.list = $('<ul>' + list + '</ul>').appendTo(this.wrap);
|
||||
|
||||
//Load each thumbnail
|
||||
$.each(F.group, function (i) {
|
||||
$("<img />").load(function () {
|
||||
var width = this.width,
|
||||
height = this.height,
|
||||
widthRatio, heightRatio, parent;
|
||||
|
||||
if (!that.list || !width || !height) {
|
||||
return;
|
||||
}
|
||||
|
||||
//Calculate thumbnail width/height and center it
|
||||
widthRatio = width / thumbWidth;
|
||||
heightRatio = height / thumbHeight;
|
||||
parent = that.list.children().eq(i).find('a');
|
||||
|
||||
if (widthRatio >= 1 && heightRatio >= 1) {
|
||||
if (widthRatio > heightRatio) {
|
||||
width = Math.floor(width / heightRatio);
|
||||
height = thumbHeight;
|
||||
|
||||
} else {
|
||||
width = thumbWidth;
|
||||
height = Math.floor(height / widthRatio);
|
||||
}
|
||||
}
|
||||
|
||||
$(this).css({
|
||||
width: width,
|
||||
height: height,
|
||||
top: Math.floor(thumbHeight / 2 - height / 2),
|
||||
left: Math.floor(thumbWidth / 2 - width / 2)
|
||||
});
|
||||
|
||||
parent.width(thumbWidth).height(thumbHeight);
|
||||
|
||||
$(this).hide().appendTo(parent).fadeIn(300);
|
||||
|
||||
}).attr('src', thumbSource(this));
|
||||
});
|
||||
|
||||
//Set initial width
|
||||
this.width = this.list.children().eq(0).outerWidth();
|
||||
|
||||
this.list.width(this.width * (F.group.length + 1)).css('left', Math.floor($(window).width() * 0.5 - (F.current.index * this.width + this.width * 0.5)));
|
||||
},
|
||||
|
||||
//Center list
|
||||
update: function (opts) {
|
||||
if (this.list) {
|
||||
this.list.stop(true).animate({
|
||||
'left': Math.floor($(window).width() * 0.5 - (F.current.index * this.width + this.width * 0.5))
|
||||
}, 150);
|
||||
}
|
||||
},
|
||||
|
||||
beforeLoad: function (opts) {
|
||||
//Remove self if gallery do not have at least two items
|
||||
if (F.group.length < 2) {
|
||||
F.coming.helpers.thumbs = false;
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
//Increase bottom margin to give space for thumbs
|
||||
F.coming.margin[ opts.position === 'top' ? 0 : 2 ] = opts.height + 30;
|
||||
},
|
||||
|
||||
afterShow: function (opts) {
|
||||
//Check if exists and create or update list
|
||||
if (this.list) {
|
||||
this.update(opts);
|
||||
|
||||
} else {
|
||||
this.init(opts);
|
||||
}
|
||||
|
||||
//Set active element
|
||||
this.list.children().removeClass('active').eq(F.current.index).addClass('active');
|
||||
},
|
||||
|
||||
onUpdate: function () {
|
||||
this.update();
|
||||
},
|
||||
|
||||
beforeClose: function () {
|
||||
if (this.wrap) {
|
||||
this.wrap.remove();
|
||||
}
|
||||
|
||||
this.wrap = null;
|
||||
this.list = null;
|
||||
this.width = 0;
|
||||
}
|
||||
}
|
||||
|
||||
}(jQuery));
|
||||
Vendored
+222
@@ -0,0 +1,222 @@
|
||||
/*! fancyBox v2.0.5 fancyapps.com | fancyapps.com/fancybox/#license */
|
||||
.fancybox-tmp iframe, .fancybox-tmp object {
|
||||
vertical-align: top;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.fancybox-wrap {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1002;
|
||||
}
|
||||
|
||||
.fancybox-outer {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: #f9f9f9;
|
||||
color: #444;
|
||||
text-shadow: none;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.fancybox-opened {
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.fancybox-opened .fancybox-outer {
|
||||
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.fancybox-inner {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
outline: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fancybox-error {
|
||||
color: #444;
|
||||
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.fancybox-image, .fancybox-iframe {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fancybox-image {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
|
||||
background-image: url('fancybox_sprite.png');
|
||||
}
|
||||
|
||||
#fancybox-loading {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -22px;
|
||||
margin-left: -22px;
|
||||
background-position: 0 -108px;
|
||||
opacity: 0.8;
|
||||
cursor: pointer;
|
||||
z-index: 1010;
|
||||
}
|
||||
|
||||
#fancybox-loading div {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
background: url('fancybox_loading.gif') center center no-repeat;
|
||||
}
|
||||
|
||||
.fancybox-close {
|
||||
position: absolute;
|
||||
top: -18px;
|
||||
right: -18px;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
cursor: pointer;
|
||||
z-index: 1004;
|
||||
}
|
||||
|
||||
.fancybox-nav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 40%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
background: transparent url('blank.gif'); /* helps IE */
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.fancybox-prev {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.fancybox-next {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.fancybox-nav span {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
margin-top: -18px;
|
||||
cursor: pointer;
|
||||
z-index: 1003;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.fancybox-prev span {
|
||||
left: 20px;
|
||||
background-position: 0 -36px;
|
||||
}
|
||||
|
||||
.fancybox-next span {
|
||||
right: 20px;
|
||||
background-position: 0 -72px;
|
||||
}
|
||||
|
||||
.fancybox-nav:hover span {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.fancybox-tmp {
|
||||
position: absolute;
|
||||
top: -9999px;
|
||||
left: -9999px;
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
/* Overlay helper */
|
||||
|
||||
#fancybox-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
z-index: 1001;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
/* Title helper */
|
||||
|
||||
.fancybox-title {
|
||||
visibility: hidden;
|
||||
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
position: relative;
|
||||
text-shadow: none;
|
||||
z-index: 1005;
|
||||
}
|
||||
|
||||
.fancybox-opened .fancybox-title {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.fancybox-title-float-wrap {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 50%;
|
||||
margin-bottom: -35px;
|
||||
z-index: 1003;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fancybox-title-float-wrap .child {
|
||||
display: inline-block;
|
||||
margin-right: -100%;
|
||||
padding: 2px 20px;
|
||||
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
-webkit-border-radius: 15px;
|
||||
-moz-border-radius: 15px;
|
||||
border-radius: 15px;
|
||||
text-shadow: 0 1px 2px #222;
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
line-height: 24px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.fancybox-title-outside-wrap {
|
||||
position: relative;
|
||||
margin-top: 10px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.fancybox-title-inside-wrap {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.fancybox-title-over-wrap {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
color: #fff;
|
||||
padding: 10px;
|
||||
background: #000;
|
||||
background: rgba(0, 0, 0, .8);
|
||||
}
|
||||
Vendored
+1414
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,34 @@
|
||||
/*! fancyBox v2.0.5 fancyapps.com | fancyapps.com/fancybox/#license */
|
||||
(function(t,m,e){var l=e(t),q=e(m),a=e.fancybox=function(){a.open.apply(this,arguments)},r=!1,s="undefined"!==typeof m.createTouch;e.extend(a,{version:"2.0.5",defaults:{padding:15,margin:20,width:800,height:600,minWidth:100,minHeight:100,maxWidth:9999,maxHeight:9999,autoSize:!0,autoResize:!s,autoCenter:!s,fitToView:!0,aspectRatio:!1,topRatio:0.5,fixed:!(e.browser.msie&&6>=e.browser.version)&&!s,scrolling:"auto",wrapCSS:"fancybox-default",arrows:!0,closeBtn:!0,closeClick:!1,nextClick:!1,mouseWheel:!0,
|
||||
autoPlay:!1,playSpeed:3E3,preload:3,modal:!1,loop:!0,ajax:{dataType:"html",headers:{"X-fancyBox":!0}},keys:{next:[13,32,34,39,40],prev:[8,33,37,38],close:[27]},tpl:{wrap:'<div class="fancybox-wrap"><div class="fancybox-outer"><div class="fancybox-inner"></div></div></div>',image:'<img class="fancybox-image" src="{href}" alt="" />',iframe:'<iframe class="fancybox-iframe" name="fancybox-frame{rnd}" frameborder="0" hspace="0"'+(e.browser.msie?' allowtransparency="true"':"")+"></iframe>",swf:'<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%"><param name="wmode" value="transparent" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="{href}" /><embed src="{href}" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="100%" height="100%" wmode="transparent"></embed></object>',
|
||||
error:'<p class="fancybox-error">The requested content cannot be loaded.<br/>Please try again later.</p>',closeBtn:'<div title="Close" class="fancybox-item fancybox-close"></div>',next:'<a title="Next" class="fancybox-nav fancybox-next"><span></span></a>',prev:'<a title="Previous" class="fancybox-nav fancybox-prev"><span></span></a>'},openEffect:"fade",openSpeed:250,openEasing:"swing",openOpacity:!0,openMethod:"zoomIn",closeEffect:"fade",closeSpeed:250,closeEasing:"swing",closeOpacity:!0,closeMethod:"zoomOut",
|
||||
nextEffect:"elastic",nextSpeed:300,nextEasing:"swing",nextMethod:"changeIn",prevEffect:"elastic",prevSpeed:300,prevEasing:"swing",prevMethod:"changeOut",helpers:{overlay:{speedIn:0,speedOut:300,opacity:0.8,css:{cursor:"pointer"},closeClick:!0},title:{type:"float"}}},group:{},opts:{},coming:null,current:null,isOpen:!1,isOpened:!1,wrap:null,outer:null,inner:null,player:{timer:null,isActive:!1},ajaxLoad:null,imgPreload:null,transitions:{},helpers:{},open:function(b,c){a.close(!0);b&&!e.isArray(b)&&(b=
|
||||
b instanceof e?e(b).get():[b]);a.isActive=!0;a.opts=e.extend(!0,{},a.defaults,c);e.isPlainObject(c)&&"undefined"!==typeof c.keys&&(a.opts.keys=c.keys?e.extend({},a.defaults.keys,c.keys):!1);a.group=b;a._start(a.opts.index||0)},cancel:function(){a.coming&&!1===a.trigger("onCancel")||(a.coming=null,a.hideLoading(),a.ajaxLoad&&a.ajaxLoad.abort(),a.ajaxLoad=null,a.imgPreload&&(a.imgPreload.onload=a.imgPreload.onabort=a.imgPreload.onerror=null))},close:function(b){a.cancel();a.current&&!1!==a.trigger("beforeClose")&&
|
||||
(a.unbindEvents(),!a.isOpen||b&&!0===b[0]?(e(".fancybox-wrap").stop().trigger("onReset").remove(),a._afterZoomOut()):(a.isOpen=a.isOpened=!1,e(".fancybox-item, .fancybox-nav").remove(),a.wrap.stop(!0).removeClass("fancybox-opened"),a.inner.css("overflow","hidden"),a.transitions[a.current.closeMethod]()))},play:function(b){var c=function(){clearTimeout(a.player.timer)},d=function(){c();a.current&&a.player.isActive&&(a.player.timer=setTimeout(a.next,a.current.playSpeed))},g=function(){c();e("body").unbind(".player");
|
||||
a.player.isActive=!1;a.trigger("onPlayEnd")};if(a.player.isActive||b&&!1===b[0])g();else if(a.current&&(a.current.loop||a.current.index<a.group.length-1))a.player.isActive=!0,e("body").bind({"afterShow.player onUpdate.player":d,"onCancel.player beforeClose.player":g,"beforeLoad.player":c}),d(),a.trigger("onPlayStart")},next:function(){a.current&&a.jumpto(a.current.index+1)},prev:function(){a.current&&a.jumpto(a.current.index-1)},jumpto:function(b){a.current&&(b=parseInt(b,10),1<a.group.length&&a.current.loop&&
|
||||
(b>=a.group.length?b=0:0>b&&(b=a.group.length-1)),"undefined"!==typeof a.group[b]&&(a.cancel(),a._start(b)))},reposition:function(b){a.isOpen&&a.wrap.css(a._getPosition(b))},update:function(b){a.isOpen&&(r||setTimeout(function(){var c=a.current;if(r&&(r=!1,c)){if(c.autoResize||b&&"orientationchange"===b.type)c.autoSize&&(a.inner.height("auto"),c.height=a.inner.height()),a._setDimension(),c.canGrow&&a.inner.height("auto");c.autoCenter&&a.reposition();a.trigger("onUpdate")}},100),r=!0)},toggle:function(){a.isOpen&&
|
||||
(a.current.fitToView=!a.current.fitToView,a.update())},hideLoading:function(){e("#fancybox-loading").remove()},showLoading:function(){a.hideLoading();e('<div id="fancybox-loading"><div></div></div>').click(a.cancel).appendTo("body")},getViewport:function(){return{x:l.scrollLeft(),y:l.scrollTop(),w:l.width(),h:l.height()}},unbindEvents:function(){a.wrap&&a.wrap.unbind(".fb");q.unbind(".fb");l.unbind(".fb")},bindEvents:function(){var b=a.current,c=b.keys;b&&(l.bind("resize.fb, orientationchange.fb",
|
||||
a.update),c&&q.bind("keydown.fb",function(b){var g;!b.ctrlKey&&!b.altKey&&!b.shiftKey&&!b.metaKey&&0>e.inArray(b.target.tagName.toLowerCase(),["input","textarea","select","button"])&&(g=b.keyCode,-1<e.inArray(g,c.close)?(a.close(),b.preventDefault()):-1<e.inArray(g,c.next)?(a.next(),b.preventDefault()):-1<e.inArray(g,c.prev)&&(a.prev(),b.preventDefault()))}),e.fn.mousewheel&&b.mouseWheel&&1<a.group.length&&a.wrap.bind("mousewheel.fb",function(b,c){var f=e(b.target).get(0);if(0===f.clientHeight||f.scrollHeight===
|
||||
f.clientHeight&&f.scrollWidth===f.clientWidth)b.preventDefault(),a[0<c?"prev":"next"]()}))},trigger:function(b){var c,d=a[-1<e.inArray(b,["onCancel","beforeLoad","afterLoad"])?"coming":"current"];if(d){e.isFunction(d[b])&&(c=d[b].apply(d,Array.prototype.slice.call(arguments,1)));if(!1===c)return!1;d.helpers&&e.each(d.helpers,function(c,f){if(f&&"undefined"!==typeof a.helpers[c]&&e.isFunction(a.helpers[c][b]))a.helpers[c][b](f,d)});e.event.trigger(b+".fb")}},isImage:function(a){return a&&a.match(/\.(jpg|gif|png|bmp|jpeg)(.*)?$/i)},
|
||||
isSWF:function(a){return a&&a.match(/\.(swf)(.*)?$/i)},_start:function(b){var c={},d=a.group[b]||null,g,f,k;if(d&&(d.nodeType||d instanceof e))g=!0,e.metadata&&(c=e(d).metadata());c=e.extend(!0,{},a.opts,{index:b,element:d},e.isPlainObject(d)?d:c);e.each(["href","title","content","type"],function(b,f){c[f]=a.opts[f]||g&&e(d).attr(f)||c[f]||null});"number"===typeof c.margin&&(c.margin=[c.margin,c.margin,c.margin,c.margin]);c.modal&&e.extend(!0,c,{closeBtn:!1,closeClick:!1,nextClick:!1,arrows:!1,mouseWheel:!1,
|
||||
keys:null,helpers:{overlay:{css:{cursor:"auto"},closeClick:!1}}});a.coming=c;if(!1===a.trigger("beforeLoad"))a.coming=null;else{f=c.type;b=c.href||d;f||(g&&(k=e(d).data("fancybox-type"),!k&&d.className&&(f=(k=d.className.match(/fancybox\.(\w+)/))?k[1]:null)),!f&&"string"===e.type(b)&&(a.isImage(b)?f="image":a.isSWF(b)?f="swf":b.match(/^#/)&&(f="inline")),f||(f=g?"inline":"html"),c.type=f);if("inline"===f||"html"===f){if(c.content||(c.content="inline"===f?e("string"===e.type(b)?b.replace(/.*(?=#[^\s]+$)/,
|
||||
""):b):d),!c.content||!c.content.length)f=null}else b||(f=null);c.group=a.group;c.isDom=g;c.href=b;"image"===f?a._loadImage():"ajax"===f?a._loadAjax():f?a._afterLoad():a._error("type")}},_error:function(b){a.hideLoading();e.extend(a.coming,{type:"html",autoSize:!0,minHeight:0,hasError:b,content:a.coming.tpl.error});a._afterLoad()},_loadImage:function(){a.imgPreload=new Image;a.imgPreload.onload=function(){this.onload=this.onerror=null;a.coming.width=this.width;a.coming.height=this.height;a._afterLoad()};
|
||||
a.imgPreload.onerror=function(){this.onload=this.onerror=null;a._error("image")};a.imgPreload.src=a.coming.href;a.imgPreload.width||a.showLoading()},_loadAjax:function(){a.showLoading();a.ajaxLoad=e.ajax(e.extend({},a.coming.ajax,{url:a.coming.href,error:function(b,c){"abort"!==c?a._error("ajax",b):a.hideLoading()},success:function(b,c){"success"===c&&(a.coming.content=b,a._afterLoad())}}))},_preloadImages:function(){var b=a.group,c=a.current,d=b.length,g;if(c.preload&&!(2>b.length))for(var f=1;f<=
|
||||
Math.min(c.preload,d-1);f++)if(g=b[(c.index+f)%d],g=e(g).attr("href")||g)(new Image).src=g},_afterLoad:function(){a.hideLoading();!a.coming||!1===a.trigger("afterLoad",a.current)?a.coming=!1:(a.isOpened?(e(".fancybox-item").remove(),a.wrap.stop(!0).removeClass("fancybox-opened"),a.inner.css("overflow","hidden"),a.transitions[a.current.prevMethod]()):(e(".fancybox-wrap").stop().trigger("onReset").remove(),a.trigger("afterClose")),a.unbindEvents(),a.isOpen=!1,a.current=a.coming,a.wrap=e(a.current.tpl.wrap).addClass("fancybox-"+
|
||||
(s?"mobile":"desktop")+" fancybox-tmp "+a.current.wrapCSS).appendTo("body"),a.outer=e(".fancybox-outer",a.wrap).css("padding",a.current.padding+"px"),a.inner=e(".fancybox-inner",a.wrap),a._setContent())},_setContent:function(){var b,c,d=a.current,g=d.type;switch(g){case "inline":case "ajax":case "html":b=d.content;b instanceof e&&(b=b.show().detach(),b.parent().hasClass("fancybox-inner")&&b.parents(".fancybox-wrap").trigger("onReset").remove(),e(a.wrap).bind("onReset",function(){b.appendTo("body").hide()}));
|
||||
d.autoSize&&(c=e('<div class="fancybox-tmp '+a.current.wrapCSS+'"></div>').appendTo("body").append(b),d.width=c.width(),d.height=c.height(),c.width(a.current.width),c.height()>d.height&&(c.width(d.width+1),d.width=c.width(),d.height=c.height()),b=c.contents().detach(),c.remove());break;case "image":b=d.tpl.image.replace("{href}",d.href);d.aspectRatio=!0;break;case "swf":b=d.tpl.swf.replace(/\{width\}/g,d.width).replace(/\{height\}/g,d.height).replace(/\{href\}/g,d.href)}if("iframe"===g){b=e(d.tpl.iframe.replace("{rnd}",
|
||||
(new Date).getTime())).attr("scrolling",d.scrolling);d.scrolling="auto";if(d.autoSize){b.width(d.width);a.showLoading();b.data("ready",!1).appendTo(a.inner).bind({onCancel:function(){e(this).unbind();a._afterZoomOut()},load:function(){var b=e(this),c;try{this.contentWindow.document.location&&(c=b.contents().find("body").height()+12,b.height(c))}catch(g){d.autoSize=!1}!1===b.data("ready")?(a.hideLoading(),c&&(a.current.height=c),a._beforeShow(),b.data("ready",!0)):c&&a.update()}}).attr("src",d.href);
|
||||
return}b.attr("src",d.href)}else if("image"===g||"swf"===g)d.autoSize=!1,d.scrolling="visible";a.inner.append(b);a._beforeShow()},_beforeShow:function(){a.coming=null;a.trigger("beforeShow");a._setDimension();a.wrap.hide().removeClass("fancybox-tmp");a.bindEvents();a._preloadImages();a.transitions[a.isOpened?a.current.nextMethod:a.current.openMethod]()},_setDimension:function(){var b=a.wrap,c=a.outer,d=a.inner,g=a.current,f=a.getViewport(),k=g.margin,h=2*g.padding,i=g.width,j=g.height,o=g.maxWidth,
|
||||
l=g.maxHeight,p=g.minWidth,m=g.minHeight,n;f.w-=k[1]+k[3];f.h-=k[0]+k[2];-1<i.toString().indexOf("%")&&(i=(f.w-h)*parseFloat(i)/100);-1<j.toString().indexOf("%")&&(j=(f.h-h)*parseFloat(j)/100);k=i/j;i+=h;j+=h;g.fitToView&&(o=Math.min(f.w,o),l=Math.min(f.h,l));g.aspectRatio?(i>o&&(i=o,j=(i-h)/k+h),j>l&&(j=l,i=(j-h)*k+h),i<p&&(i=p,j=(i-h)/k+h),j<m&&(j=m,i=(j-h)*k+h)):(i=Math.max(p,Math.min(i,o)),j=Math.max(m,Math.min(j,l)));i=Math.round(i);j=Math.round(j);e(b.add(c).add(d)).width("auto").height("auto");
|
||||
d.width(i-h).height(j-h);b.width(i);n=b.height();if(i>o||n>l)for(;(i>o||n>l)&&i>p&&n>m;)j-=10,g.aspectRatio?(i=Math.round((j-h)*k+h),i<p&&(i=p,j=(i-h)/k+h)):i-=10,d.width(i-h).height(j-h),b.width(i),n=b.height();g.dim={width:i,height:n};g.canGrow=g.autoSize&&j>m&&j<l;g.canShrink=!1;g.canExpand=!1;if(i-h<g.width||j-h<g.height)g.canExpand=!0;else if((i>f.w||n>f.h)&&i>p&&j>m)g.canShrink=!0;b=n-h;a.innerSpace=b-d.height();a.outerSpace=b-c.height()},_getPosition:function(b){var c=a.current,d=a.getViewport(),
|
||||
e=c.margin,f=a.wrap.width()+e[1]+e[3],k=a.wrap.height()+e[0]+e[2],h={position:"absolute",top:e[0]+d.y,left:e[3]+d.x};if(c.fixed&&(!b||!1===b[0])&&k<=d.h&&f<=d.w)h={position:"fixed",top:e[0],left:e[3]};h.top=Math.ceil(Math.max(h.top,h.top+(d.h-k)*c.topRatio))+"px";h.left=Math.ceil(Math.max(h.left,h.left+0.5*(d.w-f)))+"px";return h},_afterZoomIn:function(){var b=a.current,c=b.scrolling;a.isOpen=a.isOpened=!0;a.wrap.addClass("fancybox-opened").css("overflow","visible");a.update();a.inner.css("overflow",
|
||||
"yes"===c?"scroll":"no"===c?"hidden":c);if(b.closeClick||b.nextClick)a.inner.css("cursor","pointer").bind("click.fb",b.nextClick?a.next:a.close);b.closeBtn&&e(b.tpl.closeBtn).appendTo(a.outer).bind("click.fb",a.close);b.arrows&&1<a.group.length&&((b.loop||0<b.index)&&e(b.tpl.prev).appendTo(a.inner).bind("click.fb",a.prev),(b.loop||b.index<a.group.length-1)&&e(b.tpl.next).appendTo(a.inner).bind("click.fb",a.next));a.trigger("afterShow");a.opts.autoPlay&&!a.player.isActive&&(a.opts.autoPlay=!1,a.play())},
|
||||
_afterZoomOut:function(){a.trigger("afterClose");a.wrap.trigger("onReset").remove();e.extend(a,{group:{},opts:{},current:null,isActive:!1,isOpened:!1,isOpen:!1,wrap:null,outer:null,inner:null})}});a.transitions={getOrigPosition:function(){var b=a.current,c=b.element,d=b.padding,g=e(b.orig),f={},k=50,h=50;!g.length&&b.isDom&&e(c).is(":visible")&&(g=e(c).find("img:first"),g.length||(g=e(c)));g.length?(f=g.offset(),g.is("img")&&(k=g.outerWidth(),h=g.outerHeight())):(b=a.getViewport(),f.top=b.y+0.5*(b.h-
|
||||
h),f.left=b.x+0.5*(b.w-k));return f={top:Math.ceil(f.top-d)+"px",left:Math.ceil(f.left-d)+"px",width:Math.ceil(k+2*d)+"px",height:Math.ceil(h+2*d)+"px"}},step:function(b,c){var d,e,f;if("width"===c.prop||"height"===c.prop)e=f=Math.ceil(b-2*a.current.padding),"height"===c.prop&&(d=(b-c.start)/(c.end-c.start),c.start>c.end&&(d=1-d),e-=a.innerSpace*d,f-=a.outerSpace*d),a.inner[c.prop](e),a.outer[c.prop](f)},zoomIn:function(){var b=a.wrap,c=a.current,d,g;d=c.dim;"elastic"===c.openEffect?(g=e.extend({},
|
||||
d,a._getPosition(!0)),delete g.position,d=this.getOrigPosition(),c.openOpacity&&(d.opacity=0,g.opacity=1),a.outer.add(a.inner).width("auto").height("auto"),b.css(d).show(),b.animate(g,{duration:c.openSpeed,easing:c.openEasing,step:this.step,complete:a._afterZoomIn})):(b.css(e.extend({},d,a._getPosition())),"fade"===c.openEffect?b.fadeIn(c.openSpeed,a._afterZoomIn):(b.show(),a._afterZoomIn()))},zoomOut:function(){var b=a.wrap,c=a.current,d;"elastic"===c.closeEffect?("fixed"===b.css("position")&&b.css(a._getPosition(!0)),
|
||||
d=this.getOrigPosition(),c.closeOpacity&&(d.opacity=0),b.animate(d,{duration:c.closeSpeed,easing:c.closeEasing,step:this.step,complete:a._afterZoomOut})):b.fadeOut("fade"===c.closeEffect?c.closeSpeed:0,a._afterZoomOut)},changeIn:function(){var b=a.wrap,c=a.current,d;"elastic"===c.nextEffect?(d=a._getPosition(!0),d.opacity=0,d.top=parseInt(d.top,10)-200+"px",b.css(d).show().animate({opacity:1,top:"+=200px"},{duration:c.nextSpeed,easing:c.nextEasing,complete:a._afterZoomIn})):(b.css(a._getPosition()),
|
||||
"fade"===c.nextEffect?b.hide().fadeIn(c.nextSpeed,a._afterZoomIn):(b.show(),a._afterZoomIn()))},changeOut:function(){var b=a.wrap,c=a.current,d=function(){e(this).trigger("onReset").remove()};b.removeClass("fancybox-opened");"elastic"===c.prevEffect?b.animate({opacity:0,top:"+=200px"},{duration:c.prevSpeed,easing:c.prevEasing,complete:d}):b.fadeOut("fade"===c.prevEffect?c.prevSpeed:0,d)}};a.helpers.overlay={overlay:null,update:function(){var a,c;this.overlay.width(0).height(0);e.browser.msie?(a=Math.max(m.documentElement.scrollWidth,
|
||||
m.body.scrollWidth),c=Math.max(m.documentElement.offsetWidth,m.body.offsetWidth),a=a<c?l.width():a):a=q.width();this.overlay.width(a).height(q.height())},beforeShow:function(b){this.overlay||(b=e.extend(!0,{speedIn:"fast",closeClick:!0,opacity:1,css:{background:"black"}},b),this.overlay=e('<div id="fancybox-overlay"></div>').css(b.css).appendTo("body"),this.update(),b.closeClick&&this.overlay.bind("click.fb",a.close),l.bind("resize.fb",e.proxy(this.update,this)),this.overlay.fadeTo(b.speedIn,b.opacity))},
|
||||
onUpdate:function(){this.update()},afterClose:function(a){this.overlay&&this.overlay.fadeOut(a.speedOut||0,function(){e(this).remove()});this.overlay=null}};a.helpers.title={beforeShow:function(b){var c;if(c=a.current.title)c=e('<div class="fancybox-title fancybox-title-'+b.type+'-wrap">'+c+"</div>").appendTo("body"),"float"===b.type&&(c.width(c.width()),c.wrapInner('<span class="child"></span>'),a.current.margin[2]+=Math.abs(parseInt(c.css("margin-bottom"),10))),c.appendTo("over"===b.type?a.inner:
|
||||
"outside"===b.type?a.wrap:a.outer)}};e.fn.fancybox=function(b){var c=e(this),d=this.selector||"",g,f=function(f){var h=this,i="rel",j=h[i],l=g;!f.ctrlKey&&!f.altKey&&!f.shiftKey&&!f.metaKey&&(f.preventDefault(),j||(i="data-fancybox-group",j=e(h).attr("data-fancybox-group")),j&&""!==j&&"nofollow"!==j&&(h=d.length?e(d):c,h=h.filter("["+i+'="'+j+'"]'),l=h.index(this)),b.index=l,a.open(h,b))},b=b||{};g=b.index||0;d?q.undelegate(d,"click.fb-start").delegate(d,"click.fb-start",f):c.unbind("click.fb-start").bind("click.fb-start",
|
||||
f);return this}})(window,document,jQuery);
|
||||
@@ -0,0 +1,566 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if IE 7]> <html class="ie7 no-js" lang="en"> <![endif]-->
|
||||
<!--[if lte IE 8]> <html class="ie8 no-js" lang="en"> <![endif]-->
|
||||
<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en"> <!--<![endif]-->
|
||||
<head>
|
||||
<title>Freely | Gallery</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<link rel="shortcut" href="images/favicon.ico" />
|
||||
<link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
|
||||
|
||||
<!-- initialize jQuery Library -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
||||
|
||||
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
|
||||
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
|
||||
<script type="text/javascript" src="js/jquery.scrollTo-1.4.2-min.js"></script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/modernizr.custom.js"></script>
|
||||
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
|
||||
<script type="text/javascript" src="js/ie.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
</head>
|
||||
<body class="color-1 pattern-1 h-style-1 text-1">
|
||||
|
||||
<!-- ***************** - BEGIN Top Holder - ***************** -->
|
||||
<div class="top-holder"></div><!--/ top-holder-->
|
||||
<!-- ***************** - END Top Holder - ******************* -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Wrapper - ******************* -->
|
||||
<div id="wrapper">
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Header - ******************* -->
|
||||
<header class="clearfix">
|
||||
<div class="logo"><a href="index.html"><img src="images/logo.png" alt="" /></a></div><!--/ logo-->
|
||||
<div class="info-call">
|
||||
<p>
|
||||
For additional information call: <span>+00 123456789</span>
|
||||
</p>
|
||||
</div><!--/ info-call-->
|
||||
</header>
|
||||
<!-- ***************** - END Header - ******************* -->
|
||||
|
||||
|
||||
<div id="content-wrapper">
|
||||
<section id="content">
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Navigation - ************** -->
|
||||
<nav class="navigation" id="navigation">
|
||||
<ul>
|
||||
<li><a href="index.html"><span>Home</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="index.html">Nivo Slider</a></li>
|
||||
<li><a href="index-4.html">Circle Effect Slider</a></li>
|
||||
<li><a href="index-2.html">Elegant Accordion</a></li>
|
||||
<li><a href="index-5.html">Rama Slider</a></li>
|
||||
<li><a href="index-3.html">Mosaic</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="about-us.html"><span>Pages</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="about-us.html">About</a></li>
|
||||
<li><a href="services.html">Services</a></li>
|
||||
<li><a href="#">Dropdown</a>
|
||||
<ul>
|
||||
<li><a href="#">Drowdown 1</a></li>
|
||||
<li><a href="#">Drowdown 2</a></li>
|
||||
<li><a href="#">Drowdown 3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="404error.html">404 Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="headings.html"><span>Features</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="headings.html">Headings</a></li>
|
||||
<li><a href="images-and-floats.html">Images and floats</a></li>
|
||||
<li><a href="pricing-tables.html">Pricing Tables</a></li>
|
||||
<li><a href="typography.html">Typography</a></li>
|
||||
<li><a href="toggle.html">FAQ Toggle</a></li>
|
||||
<li><a href="tables.html">Tables</a></li>
|
||||
<li><a href="buttons.html">Buttons</a></li>
|
||||
<li><a href="columns.html">Column Layout</a></li>
|
||||
<li><a href="tabs.html">Tabs</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="current-menu-item"><a href="gallery.html"><span>Gallery</span></a></li>
|
||||
<li><a href="portfolio-1col.html"><span>Portfolio</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="portfolio-1col.html">Portfolio 1 Column</a></li>
|
||||
<li><a href="portfolio-2col.html">Portfolio 2 Columns</a></li>
|
||||
<li><a href="portfolio-3col.html">Portfolio 3 Columns</a></li>
|
||||
<li><a href="portfolio-single.html">Portfolio Single Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="blog-style1.html"><span>Blog</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="blog-style1.html">Blog Page</a></li>
|
||||
<li><a href="blog-style2.html">Alternative Blog Page</a></li>
|
||||
<li><a href="blog-details.html">Blog Single Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="contacts.html"><span>Contacts</span></a></li>
|
||||
</ul>
|
||||
<div class="search-top">
|
||||
<form action="/" class="inline-search">
|
||||
<fieldset>
|
||||
<input type="text" name="search" />
|
||||
<input type="submit" name="s" />
|
||||
</fieldset>
|
||||
</form><!--/ inline-search-->
|
||||
</div><!--/ search-top-->
|
||||
<div class="clear"></div>
|
||||
</nav><!--/ navigation-->
|
||||
<!-- ************ - END Navigation - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Breadcrumbs - ************** -->
|
||||
<div id="breadcrumbs">
|
||||
<a title="Home" href="#">Home »</a> Gallery
|
||||
</div><!--/ breadcrumbs-->
|
||||
<!-- ************ - END Breadcrumbs - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Filter - ************** -->
|
||||
<div class="splitter-wrap">
|
||||
<ul id="filter" class="splitter">
|
||||
<li class="active"><a href="#top" data-rel="everyone" title="All">All</a></li>
|
||||
<li><a href="#top" data-rel="photos" title="photos">Photos</a></li>
|
||||
<li><a href="#top" data-rel="noun" title="noun">Illustrations</a></li>
|
||||
<li><a href="#top" data-rel="videos" title="videos">Videos</a></li>
|
||||
</ul><!--/ splitter-->
|
||||
<div class="clear"></div>
|
||||
</div><!--/ splitter-wrap-->
|
||||
<!-- ************ - END Filter - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN WorkPanel - ************** -->
|
||||
<div id="workPanel">
|
||||
|
||||
|
||||
<!-- CONTENT START -->
|
||||
<article class="workPanelContent" id="one">
|
||||
<div id="grid-wrapper1">
|
||||
<a href="#one" class="workPanelLink close">Close</a>
|
||||
<div class="pics">
|
||||
<img src="images/sliders/img_01.jpg" alt="Gallery" title="Gallery" />
|
||||
<img src="images/sliders/img_02.jpg" alt="Gallery" title="Gallery" />
|
||||
<img src="images/sliders/img_03.jpg" alt="Gallery" title="Gallery" />
|
||||
</div><!--/ pics-->
|
||||
<div class="descr-wrapper">
|
||||
<div class="any-text">
|
||||
<h4>Excepteur sint occaecat</h4>
|
||||
</div><!--/ .any-text-->
|
||||
|
||||
<div class="buttons">
|
||||
<a href="#" title="Previous" class="prev">Previous</a>
|
||||
<a href="#" title="Next" class="next">Next</a>
|
||||
</div><!--/ buttons-->
|
||||
<div class="clear"></div>
|
||||
|
||||
</div><!--/ descr-wrapper-->
|
||||
|
||||
</div><!-- END GRID WRAPPER-->
|
||||
</article><!--/ workPanelContent-->
|
||||
<!-- CONTENT END -->
|
||||
|
||||
<!-- CONTENT START -->
|
||||
<article class="workPanelContent" id="two">
|
||||
<div id="grid-wrapper2">
|
||||
<a href="#two" class="workPanelLink close">Close</a>
|
||||
<div class="pics">
|
||||
<img src="images/sliders/img_01.jpg" alt="Gallery" title="Gallery" />
|
||||
<img src="images/sliders/img_02.jpg" alt="Gallery" title="Gallery" />
|
||||
<img src="images/sliders/img_03.jpg" alt="Gallery" title="Gallery" />
|
||||
</div><!--/ pics-->
|
||||
<div class="descr-wrapper">
|
||||
<div class="any-text">
|
||||
<h4>Excepteur sint occaecat</h4>
|
||||
</div><!--/ .any-text-->
|
||||
|
||||
<div class="buttons">
|
||||
<a href="#" title="Previous" class="prev">Previous</a>
|
||||
<a href="#" title="Next" class="next">Next</a>
|
||||
</div><!--/ buttons-->
|
||||
</div><!--/ descr-wrapper-->
|
||||
<div class="clear"></div>
|
||||
</div><!-- END GRID WRAPPER-->
|
||||
</article><!--/ workPanelContent-->
|
||||
<!-- CONTENT END -->
|
||||
|
||||
<!-- CONTENT START -->
|
||||
<article class="workPanelContent" id="three">
|
||||
<div id="grid-wrapper3">
|
||||
<a href="#three" class="workPanelLink close">Close</a>
|
||||
<div class="pics">
|
||||
<img src="images/sliders/img_01.jpg" alt="Gallery" title="Gallery" />
|
||||
<img src="images/sliders/img_02.jpg" alt="Gallery" title="Gallery" />
|
||||
<img src="images/sliders/img_03.jpg" alt="Gallery" title="Gallery" />
|
||||
</div><!--/ pics-->
|
||||
<div class="descr-wrapper">
|
||||
<div class="any-text">
|
||||
<h4>Excepteur sint occaecat</h4>
|
||||
</div><!--/ .any-text-->
|
||||
|
||||
<div class="buttons">
|
||||
<a href="#" title="Previous" class="prev">Previous</a>
|
||||
<a href="#" title="Next" class="next">Next</a>
|
||||
</div><!--/ buttons-->
|
||||
</div><!--/ descr-wrapper-->
|
||||
<div class="clear"></div>
|
||||
</div><!-- END GRID WRAPPER-->
|
||||
</article><!--/ workPanelContent-->
|
||||
<!-- CONTENT END -->
|
||||
|
||||
<!-- CONTENT START -->
|
||||
<article class="workPanelContent" id="four">
|
||||
<div id="grid-wrapper4">
|
||||
<a href="#four" class="workPanelLink close">Close</a>
|
||||
<div class="pics">
|
||||
<img src="images/sliders/img_01.jpg" alt="Gallery" title="Gallery" />
|
||||
<img src="images/sliders/img_02.jpg" alt="Gallery" title="Gallery" />
|
||||
<img src="images/sliders/img_03.jpg" alt="Gallery" title="Gallery" />
|
||||
</div><!--/ pics-->
|
||||
<div class="descr-wrapper">
|
||||
<div class="any-text">
|
||||
<h4>Excepteur sint occaecat</h4>
|
||||
</div><!--/ .any-text-->
|
||||
|
||||
<div class="buttons">
|
||||
<a href="#" title="Previous" class="prev">Previous</a>
|
||||
<a href="#" title="Next" class="next">Next</a>
|
||||
</div><!--/ buttons-->
|
||||
</div><!--/ descr-wrapper-->
|
||||
<div class="clear"></div>
|
||||
</div><!-- END GRID WRAPPER-->
|
||||
</article><!--/ workPanelContent-->
|
||||
<!-- CONTENT END -->
|
||||
|
||||
<!-- CONTENT START -->
|
||||
<article class="workPanelContent" id="five">
|
||||
<div id="grid-wrapper5">
|
||||
<a href="#five" class="workPanelLink close">Close</a>
|
||||
<div class="pics">
|
||||
<img src="images/sliders/img_01.jpg" alt="Gallery" title="Gallery" />
|
||||
<img src="images/sliders/img_02.jpg" alt="Gallery" title="Gallery" />
|
||||
<img src="images/sliders/img_03.jpg" alt="Gallery" title="Gallery" />
|
||||
</div><!--/ pics-->
|
||||
<div class="descr-wrapper">
|
||||
<div class="any-text">
|
||||
<h4>Excepteur sint occaecat</h4>
|
||||
</div><!--/ .any-text-->
|
||||
|
||||
<div class="buttons">
|
||||
<a href="#" title="Previous" class="prev">Previous</a>
|
||||
<a href="#" title="Next" class="next">Next</a>
|
||||
</div><!--/ buttons-->
|
||||
</div><!--/ descr-wrapper-->
|
||||
<div class="clear"></div>
|
||||
</div><!-- END GRID WRAPPER-->
|
||||
</article><!--/ workPanelContent-->
|
||||
<!-- CONTENT END -->
|
||||
|
||||
<!-- CONTENT START -->
|
||||
<article class="workPanelContent" id="sixth">
|
||||
<div id="grid-wrapper6">
|
||||
<a href="#sixth" class="workPanelLink close">Close</a>
|
||||
<div class="pics">
|
||||
<img src="images/sliders/img_01.jpg" alt="Gallery" title="Gallery" />
|
||||
<img src="images/sliders/img_02.jpg" alt="Gallery" title="Gallery" />
|
||||
<img src="images/sliders/img_03.jpg" alt="Gallery" title="Gallery" />
|
||||
</div><!--/ pics-->
|
||||
<div class="descr-wrapper">
|
||||
<div class="any-text">
|
||||
<h4>Excepteur sint occaecat</h4>
|
||||
</div><!--/ .any-text-->
|
||||
|
||||
<div class="buttons">
|
||||
<a href="#" title="Previous" class="prev">Previous</a>
|
||||
<a href="#" title="Next" class="next">Next</a>
|
||||
</div><!--/ buttons-->
|
||||
</div><!--/ descr-wrapper-->
|
||||
<div class="clear"></div>
|
||||
</div><!-- END GRID WRAPPER-->
|
||||
</article><!--/ workPanelContent-->
|
||||
<!-- CONTENT END -->
|
||||
|
||||
<!-- CONTENT START -->
|
||||
<article class="workPanelContent" id="seventh">
|
||||
<div id="grid-wrapper7">
|
||||
<a href="#seventh" class="workPanelLink close">Close</a>
|
||||
<div class="pics">
|
||||
<img src="images/sliders/img_01.jpg" alt="Gallery" title="Gallery" />
|
||||
<img src="images/sliders/img_02.jpg" alt="Gallery" title="Gallery" />
|
||||
<img src="images/sliders/img_03.jpg" alt="Gallery" title="Gallery" />
|
||||
</div><!--/ pics-->
|
||||
<div class="descr-wrapper">
|
||||
<div class="any-text">
|
||||
<h4>Excepteur sint occaecat</h4>
|
||||
</div><!--/ .any-text-->
|
||||
|
||||
<div class="buttons">
|
||||
<a href="#" title="Previous" class="prev">Previous</a>
|
||||
<a href="#" title="Next" class="next">Next</a>
|
||||
</div><!--/ buttons-->
|
||||
</div><!--/ descr-wrapper-->
|
||||
<div class="clear"></div>
|
||||
</div><!-- END GRID WRAPPER-->
|
||||
</article><!--/ workPanelContent-->
|
||||
<!-- CONTENT END -->
|
||||
|
||||
<!-- CONTENT START -->
|
||||
<article class="workPanelContent" id="eight">
|
||||
<div id="grid-wrapper8">
|
||||
<a href="#eight" class="workPanelLink close">Close</a>
|
||||
<div class="pics">
|
||||
<img src="images/sliders/img_01.jpg" alt="Gallery" title="Gallery" />
|
||||
<img src="images/sliders/img_02.jpg" alt="Gallery" title="Gallery" />
|
||||
<img src="images/sliders/img_03.jpg" alt="Gallery" title="Gallery" />
|
||||
</div><!--/ pics-->
|
||||
<div class="descr-wrapper">
|
||||
<div class="any-text">
|
||||
<h4>Excepteur sint occaecat</h4>
|
||||
</div><!--/ .any-text-->
|
||||
|
||||
<div class="buttons">
|
||||
<a href="#" title="Previous" class="prev">Previous</a>
|
||||
<a href="#" title="Next" class="next">Next</a>
|
||||
</div><!--/ buttons-->
|
||||
</div><!--/ descr-wrapper-->
|
||||
<div class="clear"></div>
|
||||
</div><!-- END GRID WRAPPER-->
|
||||
</article><!--/ workPanelContent-->
|
||||
<!-- CONTENT END -->
|
||||
|
||||
<!-- CONTENT START -->
|
||||
<article class="workPanelContent" id="nine">
|
||||
<div id="grid-wrapper9">
|
||||
<a href="#nine" class="workPanelLink close">Close</a>
|
||||
<div class="pics">
|
||||
<img src="images/sliders/img_01.jpg" alt="Gallery" title="Gallery" />
|
||||
<img src="images/sliders/img_02.jpg" alt="Gallery" title="Gallery" />
|
||||
<img src="images/sliders/img_03.jpg" alt="Gallery" title="Gallery" />
|
||||
</div><!--/ pics-->
|
||||
<div class="descr-wrapper">
|
||||
<div class="any-text">
|
||||
<h4>Excepteur sint occaecat</h4>
|
||||
</div><!--/ .any-text-->
|
||||
|
||||
<div class="buttons">
|
||||
<a href="#" title="Previous" class="prev">Previous</a>
|
||||
<a href="#" title="Next" class="next">Next</a>
|
||||
</div><!--/ buttons-->
|
||||
</div><!--/ descr-wrapper-->
|
||||
<div class="clear"></div>
|
||||
</div><!-- END GRID WRAPPER-->
|
||||
</article><!--/ workPanelContent-->
|
||||
<!-- CONTENT END -->
|
||||
|
||||
</div><!--/ workPanel-->
|
||||
<!-- ************ - END WorkPanel - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Content Wrapper - ************** -->
|
||||
<div class="content-wrapper">
|
||||
<div id="grid-wrapper">
|
||||
|
||||
<ul id="gallery" class="image-grid">
|
||||
<li id="id1" class="everyone photos picture-icon"><a href="#one" class="workPanelLink"><img src="images/gallery/thumbs/gallery_img_1.jpg" alt="Gallery" title="Gallery" class="add-border" /></a></li>
|
||||
<li id="id2" class="everyone noun picture-icon"><a href="#two" class="workPanelLink"><img src="images/gallery/thumbs/gallery_img_2.jpg" alt="Gallery" title="Gallery" class="add-border" /></a></li>
|
||||
<li id="id3" class="everyone videos picture-icon"><a href="#three" class="workPanelLink"><img src="images/gallery/thumbs/gallery_img_3.jpg" alt="Gallery" title="Gallery" class="add-border" /></a></li>
|
||||
<li id="id4" class="everyone photos picture-icon"><a href="#four" class="workPanelLink"><img src="images/gallery/thumbs/gallery_img_4.jpg" alt="Gallery" title="Gallery" class="add-border" /></a></li>
|
||||
<li id="id5" class="everyone noun picture-icon"><a href="#five" class="workPanelLink"><img src="images/gallery/thumbs/gallery_img_5.jpg" alt="Gallery" title="Gallery" class="add-border" /></a></li>
|
||||
<li id="id6" class="everyone videos picture-icon"><a href="#sixth" class="workPanelLink"><img src="images/gallery/thumbs/gallery_img_6.jpg" alt="Gallery" title="Gallery" class="add-border" /></a></li>
|
||||
<li id="id7" class="everyone photos picture-icon"><a href="#seventh" class="workPanelLink"><img src="images/gallery/thumbs/gallery_img_7.jpg" alt="Gallery" title="Gallery" class="add-border" /></a></li>
|
||||
<li id="id8" class="everyone noun picture-icon"><a href="#eight" class="workPanelLink"><img src="images/gallery/thumbs/gallery_img_8.jpg" alt="Gallery" title="Gallery" class="add-border" /></a></li>
|
||||
<li id="id9" class="everyone videos picture-icon"><a href="#nine" class="workPanelLink"><img src="images/gallery/thumbs/gallery_img_1.jpg" alt="Gallery" title="Gallery" class="add-border" /></a></li>
|
||||
</ul><!--/ gallery-->
|
||||
|
||||
<div class="clear"></div>
|
||||
</div><!-- / grid-wrapper -->
|
||||
</div><!--/ content-wrapper-->
|
||||
<!-- ************ - END Content Wrapper - ************** -->
|
||||
|
||||
|
||||
</section><!--/ content-->
|
||||
|
||||
|
||||
<!-- ***************** - Begin Footer - ***************** -->
|
||||
<footer>
|
||||
|
||||
<div class="entry-footer">
|
||||
|
||||
<div class="one_third">
|
||||
<h3>Twitter Feed</h3>
|
||||
<div id="jstwitter"></div>
|
||||
</div><!--/ one_third-->
|
||||
|
||||
<div class="one_third">
|
||||
<h3>From The Blog</h3>
|
||||
<div class="latest_posts">
|
||||
<ul>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-1.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Lorem ipsum dolor sit amet consectetur</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-2.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Ipsum dolor sit amet consectetur adipisicing</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-3.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Dolor sit amet consectetur adipisicing elit</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
</ul>
|
||||
<a class="see-all" href="blog-style1.html">See all</a>
|
||||
</div><!--/ latest_posts-->
|
||||
</div><!--/ one_third-->
|
||||
|
||||
<div class="one_third_last">
|
||||
<h3>Contact Info</h3>
|
||||
<div class="widget_text widget">
|
||||
<p>Consectetur adipisicing elit, sed do eiusmod tempor incididunt </p>
|
||||
<strong>Phone: +00 123456789</strong> <br />
|
||||
<strong>E-mail:</strong> <a href="mailto:yoursite@yoursite.com">yoursite@yoursite.com</a>
|
||||
</div><!--/ widget_text-->
|
||||
|
||||
<div class="social_widget widget">
|
||||
<h3>Socialize With Us</h3>
|
||||
<ul>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon1" href="#">Facebook</a></li>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon2" href="#">Twitter</a></li>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon3" href="#">Rss</a></li>
|
||||
</ul>
|
||||
</div><!--/ social_widget-->
|
||||
|
||||
</div><!--/ one_third_last-->
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
</div><!--/ entry-footer-->
|
||||
|
||||
</footer><!--/ footer-->
|
||||
<!-- ***************** - END Footer - ***************** -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Copyright - ***************** -->
|
||||
<div class="copyright">Copyright © 2012. ThemeMakers. All rights reserved</div>
|
||||
<div class="developed">developed by <a target="_blank" href="http://webtemplatemasters.com">ThemeMakers</a></div>
|
||||
<!-- ***************** - END Copyright - ***************** -->
|
||||
|
||||
|
||||
</div><!--/ #content-wrapper-->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Sidebar - ******************* -->
|
||||
<aside id="sidebar">
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Categories Widget - *************** -->
|
||||
<div class="categories_widget widget">
|
||||
<h3 class="widget-title">Categories</h3>
|
||||
<ul class="categories">
|
||||
<li><a href="blog-style1.html">Lorem ipsum dolor sit amet</a></li>
|
||||
<li><a href="blog-style2.html">Consectetur adipisicing </a></li>
|
||||
<li><a href="blog-style2.html">Elit sed do eiusmod </a></li>
|
||||
<li><a href="blog-style1.html">Tempor incididunt ut labore </a></li>
|
||||
<li><a href="blog-style2.html">Et dolore magna aliqua</a></li>
|
||||
<li><a href="blog-style1.html">Ut enim ad minim </a></li>
|
||||
<li><a href="blog-style2.html">Veniam quis nostrud</a></li>
|
||||
<li><a href="blog-style1.html">Esse cillum dolore eu </a></li>
|
||||
<li><a href="blog-style2.html">Fugiat nulla pariat</a></li>
|
||||
<li><a href="blog-style1.html">Excepteur sint occaeca</a></li>
|
||||
<li><a href="blog-style2.html">Cupidatat non</a></li>
|
||||
</ul>
|
||||
</div><!--/ categories_widget-->
|
||||
<!-- ************* - END Categories Widget - *************** -->
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Testimonials Widget - *************** -->
|
||||
<div class="testimonials widget">
|
||||
<div class="quote-text">
|
||||
<p>"Etiam consequat, tortor nec feugiat faucibus, libero eget ullamcorper"
|
||||
<span class="quote-author">-Brandon Green-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
<div class="quote-text">
|
||||
<p>"Cras euismod, est et semper viverra, augue magna luctus neque, ac tincidunt felis nisl euismod nisi."
|
||||
<span class="quote-author">-John Resig-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
<div class="quote-text">
|
||||
<p>"Quisque sit amet odio eu ipsum sollicitudin porttitor ut a nisl. Vestibulum lobortis ultrices justo, id feugiat enim fermentum non. "
|
||||
<span class="quote-author">-Amanda Smith-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
</div><!--/ testimonials -->
|
||||
<!-- ************* - END Testimonials Widget - *************** -->
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Latest Widget - *************** -->
|
||||
<div class="latest_posts widget">
|
||||
<h3 class="widget-title">Latest News</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-1.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Lorem ipsum dolor sit amet consectetur</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-2.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Ipsum dolor sit amet consectetur adipisicing</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-2.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Ipsum dolor sit amet consectetur adipisicing</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
</ul>
|
||||
<a class="see-all" href="blog-details.html">See all news</a>
|
||||
</div><!--/ latest_posts-->
|
||||
<!-- ************* - END Latest Widget - *************** -->
|
||||
|
||||
|
||||
</aside><!--/ sidebar-->
|
||||
<div class="clear"></div>
|
||||
<!-- ***************** - END Sidebar - ******************* -->
|
||||
|
||||
|
||||
</div><!--/ wrapper-->
|
||||
<!-- ***************** - END Wrapper - ***************** -->
|
||||
|
||||
<div id="back-top">
|
||||
<a href="#top"></a>
|
||||
</div><!--/ back-top-->
|
||||
|
||||
<script type="text/javascript" src="js/general.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,336 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if IE 7]> <html class="ie7 no-js" lang="en"> <![endif]-->
|
||||
<!--[if lte IE 8]> <html class="ie8 no-js" lang="en"> <![endif]-->
|
||||
<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en"> <!--<![endif]-->
|
||||
<head>
|
||||
<title>Freely | Headings</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<link rel="shortcut" href="images/favicon.ico" />
|
||||
<link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
|
||||
|
||||
<!-- initialize jQuery Library -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/modernizr.custom.js"></script>
|
||||
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
|
||||
<script type="text/javascript" src="js/ie.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
</head>
|
||||
<body class="color-1 pattern-1 h-style-1 text-1">
|
||||
|
||||
<!-- ***************** - BEGIN Top Holder - ***************** -->
|
||||
<div class="top-holder"></div><!--/ top-holder-->
|
||||
<!-- ***************** - END Top Holder - ******************* -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Wrapper - ******************* -->
|
||||
<div id="wrapper">
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Header - ******************* -->
|
||||
<header class="clearfix">
|
||||
<div class="logo"><a href="index.html"><img src="images/logo.png" alt="" /></a></div><!--/ logo-->
|
||||
<div class="info-call">
|
||||
<p>
|
||||
For additional information call: <span>+00 123456789</span>
|
||||
</p>
|
||||
</div><!--/ info-call-->
|
||||
</header>
|
||||
<!-- ***************** - END Header - ******************* -->
|
||||
|
||||
|
||||
<div id="content-wrapper">
|
||||
<section id="content">
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Navigation - ************** -->
|
||||
<nav class="navigation" id="navigation">
|
||||
<ul>
|
||||
<li><a href="index.html"><span>Home</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="index.html">Nivo Slider</a></li>
|
||||
<li><a href="index-4.html">Circle Effect Slider</a></li>
|
||||
<li><a href="index-2.html">Elegant Accordion</a></li>
|
||||
<li><a href="index-5.html">Rama Slider</a></li>
|
||||
<li><a href="index-3.html">Mosaic</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="about-us.html"><span>Pages</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="about-us.html">About</a></li>
|
||||
<li><a href="services.html">Services</a></li>
|
||||
<li><a href="#">Dropdown</a>
|
||||
<ul>
|
||||
<li><a href="#">Drowdown 1</a></li>
|
||||
<li><a href="#">Drowdown 2</a></li>
|
||||
<li><a href="#">Drowdown 3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="404error.html">404 Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="current-menu-item"><a href="headings.html"><span>Features</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li class="active"><a href="headings.html">Headings</a></li>
|
||||
<li><a href="images-and-floats.html">Images and floats</a></li>
|
||||
<li><a href="pricing-tables.html">Pricing Tables</a></li>
|
||||
<li><a href="typography.html">Typography</a></li>
|
||||
<li><a href="toggle.html">FAQ Toggle</a></li>
|
||||
<li><a href="tables.html">Tables</a></li>
|
||||
<li><a href="buttons.html">Buttons</a></li>
|
||||
<li><a href="columns.html">Column Layout</a></li>
|
||||
<li><a href="tabs.html">Tabs</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="gallery.html"><span>Gallery</span></a></li>
|
||||
<li><a href="portfolio-1col.html"><span>Portfolio</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="portfolio-1col.html">Portfolio 1 Column</a></li>
|
||||
<li><a href="portfolio-2col.html">Portfolio 2 Columns</a></li>
|
||||
<li><a href="portfolio-3col.html">Portfolio 3 Columns</a></li>
|
||||
<li><a href="portfolio-single.html">Portfolio Single Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="blog-style1.html"><span>Blog</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="blog-style1.html">Blog Page</a></li>
|
||||
<li><a href="blog-style2.html">Alternative Blog Page</a></li>
|
||||
<li><a href="blog-details.html">Blog Single Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="contacts.html"><span>Contacts</span></a></li>
|
||||
</ul>
|
||||
<div class="search-top">
|
||||
<form action="/" class="inline-search">
|
||||
<fieldset>
|
||||
<input type="text" name="search" />
|
||||
<input type="submit" name="s" />
|
||||
</fieldset>
|
||||
</form><!--/ inline-search-->
|
||||
</div><!--/ search-top-->
|
||||
<div class="clear"></div>
|
||||
</nav><!--/ navigation-->
|
||||
<!-- ************ - END Navigation - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Breadcrumbs - ************** -->
|
||||
<div id="breadcrumbs">
|
||||
<a title="Home" href="#">Home »</a> Headings
|
||||
</div><!--/ breadcrumbs-->
|
||||
<!-- ************ - END Breadcrumbs - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Content Wrapper - ************** -->
|
||||
<div class="content-wrapper">
|
||||
<h1>H1 Lorem ipsum dolor sit amet</h1>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
|
||||
</p>
|
||||
<div class="content-divider"></div>
|
||||
<h2>H2 Lorem ipsum dolor sit amet</h2>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
|
||||
</p>
|
||||
<div class="content-divider"></div>
|
||||
<h3>H3 Lorem ipsum dolor sit amet</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
|
||||
</p>
|
||||
<div class="content-divider"></div>
|
||||
<h4>H4 Lorem ipsum dolor sit amet</h4>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
|
||||
</p>
|
||||
<div class="content-divider"></div>
|
||||
<h5>H5 Lorem ipsum dolor sit amet</h5>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
|
||||
</p>
|
||||
<div class="content-divider"></div>
|
||||
<h6>H6 Lorem ipsum dolor sit amet</h6>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
|
||||
</p>
|
||||
</div><!--/ content-wrapper-->
|
||||
<!-- ************ - END Content Wrapper - ************** -->
|
||||
|
||||
|
||||
</section><!--/ content-->
|
||||
|
||||
|
||||
<!-- ***************** - Begin Footer - ***************** -->
|
||||
<footer>
|
||||
|
||||
<div class="entry-footer">
|
||||
|
||||
<div class="one_third">
|
||||
<h3>Twitter Feed</h3>
|
||||
<div id="jstwitter"></div>
|
||||
</div><!--/ one_third-->
|
||||
|
||||
<div class="one_third">
|
||||
<h3>From The Blog</h3>
|
||||
<div class="latest_posts">
|
||||
<ul>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-1.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Lorem ipsum dolor sit amet consectetur</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-2.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Ipsum dolor sit amet consectetur adipisicing</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-3.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Dolor sit amet consectetur adipisicing elit</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
</ul>
|
||||
<a class="see-all" href="blog-style1.html">See all</a>
|
||||
</div><!--/ latest_posts-->
|
||||
</div><!--/ one_third-->
|
||||
|
||||
<div class="one_third_last">
|
||||
<h3>Contact Info</h3>
|
||||
<div class="widget_text widget">
|
||||
<p>Consectetur adipisicing elit, sed do eiusmod tempor incididunt </p>
|
||||
<strong>Phone: +00 123456789</strong> <br />
|
||||
<strong>E-mail:</strong> <a href="mailto:yoursite@yoursite.com">yoursite@yoursite.com</a>
|
||||
</div><!--/ widget_text-->
|
||||
|
||||
<div class="social_widget widget">
|
||||
<h3>Socialize With Us</h3>
|
||||
<ul>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon1" href="#">Facebook</a></li>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon2" href="#">Twitter</a></li>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon3" href="#">Rss</a></li>
|
||||
</ul>
|
||||
</div><!--/ social_widget-->
|
||||
|
||||
</div><!--/ one_third_last-->
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
</div><!--/ entry-footer-->
|
||||
|
||||
</footer><!--/ footer-->
|
||||
<!-- ***************** - END Footer - ***************** -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Copyright - ***************** -->
|
||||
<div class="copyright">Copyright © 2012. ThemeMakers. All rights reserved</div>
|
||||
<div class="developed">developed by <a target="_blank" href="http://webtemplatemasters.com">ThemeMakers</a></div>
|
||||
<!-- ***************** - END Copyright - ***************** -->
|
||||
|
||||
|
||||
</div><!--/ #content-wrapper-->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Sidebar - ******************* -->
|
||||
<aside id="sidebar">
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Categories Widget - *************** -->
|
||||
<div class="categories_widget widget">
|
||||
<h3 class="widget-title">Categories</h3>
|
||||
<ul class="categories">
|
||||
<li><a href="blog-style1.html">Lorem ipsum dolor sit amet</a></li>
|
||||
<li><a href="blog-style2.html">Consectetur adipisicing </a></li>
|
||||
<li><a href="blog-style2.html">Elit sed do eiusmod </a></li>
|
||||
<li><a href="blog-style1.html">Tempor incididunt ut labore </a></li>
|
||||
<li><a href="blog-style2.html">Et dolore magna aliqua</a></li>
|
||||
<li><a href="blog-style1.html">Ut enim ad minim </a></li>
|
||||
<li><a href="blog-style2.html">Veniam quis nostrud</a></li>
|
||||
<li><a href="blog-style1.html">Esse cillum dolore eu </a></li>
|
||||
<li><a href="blog-style2.html">Fugiat nulla pariat</a></li>
|
||||
<li><a href="blog-style1.html">Excepteur sint occaeca</a></li>
|
||||
<li><a href="blog-style2.html">Cupidatat non</a></li>
|
||||
</ul>
|
||||
</div><!--/ categories_widget-->
|
||||
<!-- ************* - END Categories Widget - *************** -->
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Testimonials Widget - *************** -->
|
||||
<div class="testimonials widget">
|
||||
<div class="quote-text">
|
||||
<p>"Etiam consequat, tortor nec feugiat faucibus, libero eget ullamcorper"
|
||||
<span class="quote-author">-Brandon Green-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
<div class="quote-text">
|
||||
<p>"Cras euismod, est et semper viverra, augue magna luctus neque, ac tincidunt felis nisl euismod nisi."
|
||||
<span class="quote-author">-John Resig-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
<div class="quote-text">
|
||||
<p>"Quisque sit amet odio eu ipsum sollicitudin porttitor ut a nisl. Vestibulum lobortis ultrices justo, id feugiat enim fermentum non. "
|
||||
<span class="quote-author">-Amanda Smith-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
</div><!--/ testimonials -->
|
||||
<!-- ************* - END Testimonials Widget - *************** -->
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Latest Widget - *************** -->
|
||||
<div class="latest_posts widget">
|
||||
<h3 class="widget-title">Latest News</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-1.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Lorem ipsum dolor sit amet consectetur</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-2.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Ipsum dolor sit amet consectetur adipisicing</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-2.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Ipsum dolor sit amet consectetur adipisicing</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
</ul>
|
||||
<a class="see-all" href="blog-details.html">See all news</a>
|
||||
</div><!--/ latest_posts-->
|
||||
<!-- ************* - END Latest Widget - *************** -->
|
||||
|
||||
|
||||
</aside><!--/ sidebar-->
|
||||
<div class="clear"></div>
|
||||
<!-- ***************** - END Sidebar - ******************* -->
|
||||
|
||||
|
||||
</div><!--/ wrapper-->
|
||||
<!-- ***************** - END Wrapper - ***************** -->
|
||||
|
||||
<div id="back-top">
|
||||
<a href="#top"></a>
|
||||
</div><!--/ back-top-->
|
||||
|
||||
<script type="text/javascript" src="js/general.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,185 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if IE 7]> <html class="ie7 no-js" lang="en"> <![endif]-->
|
||||
<!--[if lte IE 8]> <html class="ie8 no-js" lang="en"> <![endif]-->
|
||||
<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en"> <!--<![endif]-->
|
||||
<head>
|
||||
<title>iCare</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<link rel="shortcut" href="images/favicon.ico" />
|
||||
<link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
|
||||
|
||||
<!-- initialize jQuery Library -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/modernizr.custom.js"></script>
|
||||
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
|
||||
<script type="text/javascript" src="js/ie.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
</head>
|
||||
<body class="color-1 pattern-1 h-style-1 text-1">
|
||||
|
||||
<!-- ***************** - BEGIN Top Holder - ***************** -->
|
||||
<div class="top-holder"></div><!--/ top-holder-->
|
||||
<!-- ***************** - END Top Holder - ******************* -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Wrapper - ******************* -->
|
||||
<div id="wrapper">
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Header - ******************* -->
|
||||
<header class="clearfix">
|
||||
<div class="logo"><a href="index.html"><img src="images/logo.png" alt="" /></a></div><!--/ logo-->
|
||||
<div class="info-call">
|
||||
<p>
|
||||
For additional information call: <span>+404-721-0184 </span>
|
||||
</p>
|
||||
</div><!--/ info-call-->
|
||||
</header>
|
||||
<!-- ***************** - END Header - ******************* -->
|
||||
|
||||
|
||||
<div id="content-wrapper">
|
||||
<section id="content">
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Navigation - ************** -->
|
||||
<nav class="navigation" id="navigation">
|
||||
<ul>
|
||||
<li><a href="index.html"><span>Home</span></a>
|
||||
|
||||
</li>
|
||||
<li class="current-menu-item"><a href="about-us.html"><span>About us</span></a>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<li><a href="contacts.html"><span>Contacts</span></a></li>
|
||||
</ul>
|
||||
|
||||
<div class="clear"></div>
|
||||
</nav><!--/ navigation-->
|
||||
<!-- ************ - END Navigation - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Breadcrumbs - ************** -->
|
||||
<div id="breadcrumbs">
|
||||
<a title="Home" href="#">Home -</a> Homelessness, Joblessness and Mental Health Issues
|
||||
</div><!--/ breadcrumbs-->
|
||||
<!-- ************ - END Breadcrumbs - ************** -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Gray Box - ************** -->
|
||||
<div class="gray-holder">
|
||||
|
||||
<h1>Homelessness, Joblessness and Mental Health Issues</h1>
|
||||
<p>
|
||||
|
||||
|
||||
Mental health problems stem from homelessness, joblessness and financial difficulty. Living under the bridge or being jobless is a serious mental health issue that can be addressed when you call today. Help is available when you can I Care Mental Health (ICMH). Economic situation can create homelessness for many people who are looking for work and cannot find job. Joblessness and homelessness are inextricably linked and they are the cause of poverty in our community today. You can seek for help from our professionals to know how you can get back on your feet.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<div class="clear"></div>
|
||||
</div><!--/ gray-holder-->
|
||||
<!-- ************ - END Gray Box - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Content Wrapper - ************** -->
|
||||
<div class="content-wrapper">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="clear"></div>
|
||||
</div><!--/ content-wrapper-->
|
||||
<!-- ************ - END Content Wrapper - ************** -->
|
||||
|
||||
|
||||
</section><!--/ content-->
|
||||
|
||||
|
||||
<!-- ***************** - Begin Footer - ***************** -->
|
||||
<footer>
|
||||
|
||||
|
||||
|
||||
</footer><!--/ footer-->
|
||||
<!-- ***************** - END Footer - ***************** -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Copyright - ***************** -->
|
||||
<div class="copyright">Copyright ©2024 - 2012. iCare. All rights reserved</div>
|
||||
<div class="developed">developed by <a target="_blank" href="http://chiefsoft.com">ChiefSoft Works</a></div>
|
||||
<!-- ***************** - END Copyright - ***************** -->
|
||||
|
||||
|
||||
</div><!--/ #content-wrapper-->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Sidebar - ******************* -->
|
||||
<aside id="sidebar">
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Categories Widget - *************** -->
|
||||
<div class="categories_widget widget">
|
||||
<h3 class="widget-title">Services We Offer</h3>
|
||||
<ul class="categories">
|
||||
<li><a href="alcohol-addiction.html">Alcohol and addiction therapy</a></li>
|
||||
<li><a href="marital-problems.html">Marital problem counseling</a></li>
|
||||
<li><a href="counseling.html">Group and individual counseling</a></li>
|
||||
<li><a href="psycho-education.html">Psycho-education about prevention </a></li>
|
||||
<li><a href="depression.html">Depression and anxiety therapy</a></li>
|
||||
<li><a href="oppositional-defiant-disorder.html">Adolescent opposition defiant therapy </a></li>
|
||||
<li><a href="career.html">Career & financial counseling</a></li>
|
||||
<li><a href="spiritual.html">Spirituality and holistic lifestyles</a></li>
|
||||
<li><a href="homelessness.html">Homelessness, joblessness & mental health issues</a></li>
|
||||
|
||||
</ul>
|
||||
</div><!--/ categories_widget-->
|
||||
<!-- ************* - END Categories Widget - *************** -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</aside><!--/ sidebar-->
|
||||
<div class="clear"></div>
|
||||
<!-- ***************** - END Sidebar - ******************* -->
|
||||
|
||||
|
||||
</div><!--/ wrapper-->
|
||||
<!-- ***************** - END Wrapper - ***************** -->
|
||||
|
||||
<div id="back-top">
|
||||
<a href="#top"></a>
|
||||
</div><!--/ back-top-->
|
||||
|
||||
<script type="text/javascript" src="js/general.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,37 @@
|
||||
<?php session_start(); header("(anti-spam-content-type:) image/png");
|
||||
|
||||
$enc_num = rand(0, 9999);
|
||||
$key_num = rand(0, 24);
|
||||
$hash_string = substr(md5($enc_num), $key_num, 5); // Length of String
|
||||
$hash_md5 = md5($hash_string);
|
||||
|
||||
$_SESSION['verify'] = $hash_md5;
|
||||
|
||||
// Verification Image Background Selection
|
||||
|
||||
$bgs = array("verify/1.png","verify/2.png","verify/3.png");
|
||||
$background = array_rand($bgs, 1);
|
||||
|
||||
// Verification Image Variables
|
||||
|
||||
$img_handle = imagecreatefrompng($bgs[$background]);
|
||||
$text_colour = imagecolorallocate($img_handle, 117, 154, 24);
|
||||
$font_size = 5;
|
||||
|
||||
$size_array = getimagesize($bgs[$background]);
|
||||
$img_w = $size_array[0];
|
||||
$img_h = $size_array[1];
|
||||
|
||||
$horiz = round(($img_w/2)-((strlen($hash_string)*imagefontwidth(5))/2), 1);
|
||||
$vert = round(($img_h/2)-(imagefontheight($font_size)/2));
|
||||
|
||||
// Make the Verification Image
|
||||
|
||||
imagestring($img_handle, $font_size, $horiz, $vert, $hash_string, $text_colour);
|
||||
imagepng($img_handle);
|
||||
|
||||
// Destroy the Image to keep Server Space
|
||||
|
||||
imagedestroy($img_handle);
|
||||
|
||||
?>
|
||||
@@ -0,0 +1,383 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if IE 7]> <html class="ie7 no-js" lang="en"> <![endif]-->
|
||||
<!--[if lte IE 8]> <html class="ie8 no-js" lang="en"> <![endif]-->
|
||||
<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en"> <!--<![endif]-->
|
||||
<head>
|
||||
<title>Freely | Images and Floats</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<link rel="shortcut" href="images/favicon.ico" />
|
||||
<link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
|
||||
<!-- initialize jQuery Library -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/modernizr.custom.js"></script>
|
||||
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
|
||||
<script type="text/javascript" src="js/ie.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
</head>
|
||||
<body class="color-1 pattern-1 h-style-1 text-1">
|
||||
|
||||
<!-- ***************** - BEGIN Top Holder - ***************** -->
|
||||
<div class="top-holder"></div><!--/ top-holder-->
|
||||
<!-- ***************** - END Top Holder - ******************* -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Wrapper - ******************* -->
|
||||
<div id="wrapper">
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Header - ******************* -->
|
||||
<header class="clearfix">
|
||||
<div class="logo"><a href="index.html"><img src="images/logo.png" alt="" /></a></div><!--/ logo-->
|
||||
<div class="info-call">
|
||||
<p>
|
||||
For additional information call: <span>+00 123456789</span>
|
||||
</p>
|
||||
</div><!--/ info-call-->
|
||||
</header>
|
||||
<!-- ***************** - END Header - ******************* -->
|
||||
|
||||
|
||||
<div id="content-wrapper">
|
||||
<section id="content">
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Navigation - ************** -->
|
||||
<nav class="navigation" id="navigation">
|
||||
<ul>
|
||||
<li><a href="index.html"><span>Home</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="index.html">Nivo Slider</a></li>
|
||||
<li><a href="index-4.html">Circle Effect Slider</a></li>
|
||||
<li><a href="index-2.html">Elegant Accordion</a></li>
|
||||
<li><a href="index-5.html">Rama Slider</a></li>
|
||||
<li><a href="index-3.html">Mosaic</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="about-us.html"><span>Pages</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="about-us.html">About</a></li>
|
||||
<li><a href="services.html">Services</a></li>
|
||||
<li><a href="#">Dropdown</a>
|
||||
<ul>
|
||||
<li><a href="#">Drowdown 1</a></li>
|
||||
<li><a href="#">Drowdown 2</a></li>
|
||||
<li><a href="#">Drowdown 3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="404error.html">404 Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="current-menu-item"><a href="headings.html"><span>Features</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="headings.html">Headings</a></li>
|
||||
<li class="active"><a href="images-and-floats.html">Images and floats</a></li>
|
||||
<li><a href="pricing-tables.html">Pricing Tables</a></li>
|
||||
<li><a href="typography.html">Typography</a></li>
|
||||
<li><a href="toggle.html">FAQ Toggle</a></li>
|
||||
<li><a href="tables.html">Tables</a></li>
|
||||
<li><a href="buttons.html">Buttons</a></li>
|
||||
<li><a href="columns.html">Column Layout</a></li>
|
||||
<li><a href="tabs.html">Tabs</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="gallery.html"><span>Gallery</span></a></li>
|
||||
<li><a href="portfolio-1col.html"><span>Portfolio</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="portfolio-1col.html">Portfolio 1 Column</a></li>
|
||||
<li><a href="portfolio-2col.html">Portfolio 2 Columns</a></li>
|
||||
<li><a href="portfolio-3col.html">Portfolio 3 Columns</a></li>
|
||||
<li><a href="portfolio-single.html">Portfolio Single Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="blog-style1.html"><span>Blog</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="blog-style1.html">Blog Page</a></li>
|
||||
<li><a href="blog-style2.html">Alternative Blog Page</a></li>
|
||||
<li><a href="blog-details.html">Blog Single Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="contacts.html"><span>Contacts</span></a></li>
|
||||
</ul>
|
||||
<div class="search-top">
|
||||
<form action="/" class="inline-search">
|
||||
<fieldset>
|
||||
<input type="text" name="search" />
|
||||
<input type="submit" name="s" />
|
||||
</fieldset>
|
||||
</form><!--/ inline-search-->
|
||||
</div><!--/ search-top-->
|
||||
<div class="clear"></div>
|
||||
</nav><!--/ navigation-->
|
||||
<!-- ************ - END Navigation - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Breadcrumbs - ************** -->
|
||||
<div id="breadcrumbs">
|
||||
<a title="Home" href="#">Home »</a> Images and Floats
|
||||
</div><!--/ breadcrumbs-->
|
||||
<!-- ************ - END Breadcrumbs - ************** -->
|
||||
|
||||
|
||||
<!-- ************ - BEGIN Content Wrapper - ************** -->
|
||||
<div class="content-wrapper">
|
||||
<img class="add-border alignleft" src="images/temp/222px_1.jpg" alt="" />
|
||||
<h3>Lorem ipsum dolor sit amet</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
|
||||
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
|
||||
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
|
||||
fugiat. magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
|
||||
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
|
||||
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa. sit amet, consectetur
|
||||
adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
|
||||
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat. magna aliqua. Ut enim ad minim
|
||||
veniam.
|
||||
</p>
|
||||
|
||||
<div class="content-divider"></div>
|
||||
|
||||
<img class="add-border alignright" src="images/temp/222px_2.jpg" alt="" />
|
||||
<h3>Lorem ipsum dolor sit amet</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incidi- dunt ut labore et
|
||||
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
|
||||
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
|
||||
fugiat. magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
|
||||
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
|
||||
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa. sit amet, consectetur
|
||||
adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
|
||||
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat. magna aliqua. Ut enim ad minim
|
||||
veniam.
|
||||
</p>
|
||||
|
||||
<div class="content-divider"></div>
|
||||
|
||||
<div class="magichover alignleft">
|
||||
<a class="zoomer picture-icon" href="images/gallery/fullscreen/1.jpg">
|
||||
<img class="add-border" src="images/temp/450px_1.jpg" alt="" />
|
||||
</a>
|
||||
</div><!--/ magichover-->
|
||||
|
||||
<h3>Lorem ipsum dolor sit amet</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incidi- dunt ut labore et
|
||||
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
|
||||
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
|
||||
fugiat. magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
|
||||
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
|
||||
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa. sit amet, consectetur
|
||||
adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
|
||||
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat. magna aliqua. Ut enim ad minim
|
||||
veniam.
|
||||
</p>
|
||||
|
||||
<div class="content-divider"></div>
|
||||
|
||||
<div class="magichover alignright">
|
||||
<a class="zoomer picture-icon" href="images/gallery/fullscreen/8.jpg">
|
||||
<img class="add-border" src="images/temp/450px_2.jpg" alt="" />
|
||||
</a>
|
||||
</div><!--/ alignright-->
|
||||
|
||||
<h3>Lorem ipsum dolor sit amet</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incidi- dunt ut labore et
|
||||
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
|
||||
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
|
||||
fugiat. magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
|
||||
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
|
||||
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa. sit amet, consectetur
|
||||
adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
|
||||
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat. magna aliqua. Ut enim ad minim
|
||||
veniam.
|
||||
</p>
|
||||
|
||||
<div class="clear"></div>
|
||||
</div><!--/ content-wrapper-->
|
||||
<!-- ************ - END Content Wrapper - ************** -->
|
||||
|
||||
|
||||
</section><!--/ content-->
|
||||
|
||||
|
||||
<!-- ***************** - Begin Footer - ***************** -->
|
||||
<footer>
|
||||
|
||||
<div class="entry-footer">
|
||||
|
||||
<div class="one_third">
|
||||
<h3>Twitter Feed</h3>
|
||||
<div id="jstwitter"></div>
|
||||
</div><!--/ one_third-->
|
||||
|
||||
<div class="one_third">
|
||||
<h3>From The Blog</h3>
|
||||
<div class="latest_posts">
|
||||
<ul>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-1.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Lorem ipsum dolor sit amet consectetur</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-2.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Ipsum dolor sit amet consectetur adipisicing</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-3.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="blog-details.html" class="teaser-title">Dolor sit amet consectetur adipisicing elit</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
</ul>
|
||||
<a class="see-all" href="blog-style1.html">See all</a>
|
||||
</div><!--/ latest_posts-->
|
||||
</div><!--/ one_third-->
|
||||
|
||||
<div class="one_third_last">
|
||||
<h3>Contact Info</h3>
|
||||
<div class="widget_text widget">
|
||||
<p>Consectetur adipisicing elit, sed do eiusmod tempor incididunt </p>
|
||||
<strong>Phone: +00 123456789</strong> <br />
|
||||
<strong>E-mail:</strong> <a href="mailto:yoursite@yoursite.com">yoursite@yoursite.com</a>
|
||||
</div><!--/ widget_text-->
|
||||
|
||||
<div class="social_widget widget">
|
||||
<h3>Socialize With Us</h3>
|
||||
<ul>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon1" href="#">Facebook</a></li>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon2" href="#">Twitter</a></li>
|
||||
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon3" href="#">Rss</a></li>
|
||||
</ul>
|
||||
</div><!--/ social_widget-->
|
||||
|
||||
</div><!--/ one_third_last-->
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
</div><!--/ entry-footer-->
|
||||
|
||||
</footer><!--/ footer-->
|
||||
<!-- ***************** - END Footer - ***************** -->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Copyright - ***************** -->
|
||||
<div class="copyright">Copyright © 2012. ThemeMakers. All rights reserved</div>
|
||||
<div class="developed">developed by <a target="_blank" href="http://webtemplatemasters.com">ThemeMakers</a></div>
|
||||
<!-- ***************** - END Copyright - ***************** -->
|
||||
|
||||
|
||||
</div><!--/ #content-wrapper-->
|
||||
|
||||
|
||||
<!-- ***************** - BEGIN Sidebar - ******************* -->
|
||||
<aside id="sidebar">
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Categories Widget - *************** -->
|
||||
<div class="categories_widget widget">
|
||||
<h3 class="widget-title">Categories</h3>
|
||||
<ul class="categories">
|
||||
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
|
||||
<li><a href="#">Consectetur adipisicing </a></li>
|
||||
<li><a href="#">Elit sed do eiusmod </a></li>
|
||||
<li><a href="#">Tempor incididunt ut labore </a></li>
|
||||
<li><a href="#">Et dolore magna aliqua</a></li>
|
||||
<li><a href="#">Ut enim ad minim </a></li>
|
||||
<li><a href="#">Veniam quis nostrud</a></li>
|
||||
<li><a href="#">Esse cillum dolore eu </a></li>
|
||||
<li><a href="#">Fugiat nulla pariat</a></li>
|
||||
<li><a href="#">Excepteur sint occaeca</a></li>
|
||||
<li><a href="#">Cupidatat non</a></li>
|
||||
</ul>
|
||||
</div><!--/ categories_widget-->
|
||||
<!-- ************* - END Categories Widget - *************** -->
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Testimonials Widget - *************** -->
|
||||
<div class="testimonials widget">
|
||||
<div class="quote-text">
|
||||
<p>"Etiam consequat, tortor nec feugiat faucibus, libero eget ullamcorper"
|
||||
<span class="quote-author">-Brandon Green-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
<div class="quote-text">
|
||||
<p>"Cras euismod, est et semper viverra, augue magna luctus neque, ac tincidunt felis nisl euismod nisi."
|
||||
<span class="quote-author">-John Resig-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
<div class="quote-text">
|
||||
<p>"Quisque sit amet odio eu ipsum sollicitudin porttitor ut a nisl. Vestibulum lobortis ultrices justo, id feugiat enim fermentum non. "
|
||||
<span class="quote-author">-Amanda Smith-</span>
|
||||
</p>
|
||||
</div><!--/ quote-text-->
|
||||
</div><!--/ testimonials -->
|
||||
<!-- ************* - END Testimonials Widget - *************** -->
|
||||
|
||||
|
||||
<!-- ************* - BEGIN Latest Widget - *************** -->
|
||||
<div class="latest_posts widget">
|
||||
<h3 class="widget-title">Latest News</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="#"><img class="alignleft" src="images/temp/sample-post-1.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="#" class="teaser-title">Lorem ipsum dolor sit amet consectetur</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="#"><img class="alignleft" src="images/temp/sample-post-2.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="#" class="teaser-title">Ipsum dolor sit amet consectetur adipisicing</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="small-custom-frame">
|
||||
<a href="#"><img class="alignleft" src="images/temp/sample-post-2.jpg" alt="" /></a>
|
||||
</span>
|
||||
<a href="#" class="teaser-title">Ipsum dolor sit amet consectetur adipisicing</a>
|
||||
<div class="teaser-date">Posted on Now 25, 2011</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
</ul>
|
||||
<a class="see-all" href="#">See all news</a>
|
||||
</div><!--/ latest_posts-->
|
||||
<!-- ************* - END Latest Widget - *************** -->
|
||||
|
||||
|
||||
</aside><!--/ sidebar-->
|
||||
<div class="clear"></div>
|
||||
<!-- ***************** - END Sidebar - ******************* -->
|
||||
|
||||
|
||||
</div><!--/ wrapper-->
|
||||
<!-- ***************** - END Wrapper - ***************** -->
|
||||
|
||||
<div id="back-top">
|
||||
<a href="#top"></a>
|
||||
</div><!--/ back-top-->
|
||||
|
||||
<script type="text/javascript" src="js/general.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 259 B |
Binary file not shown.
|
After Width: | Height: | Size: 401 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1008 B |
Binary file not shown.
|
After Width: | Height: | Size: 9.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 162 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 239 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 193 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 119 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 85 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 115 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 86 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 143 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 124 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 214 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 118 B |
Binary file not shown.
|
After Width: | Height: | Size: 129 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 546 B |
Binary file not shown.
|
After Width: | Height: | Size: 178 B |
Binary file not shown.
|
After Width: | Height: | Size: 117 B |
Binary file not shown.
|
After Width: | Height: | Size: 439 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 783 B |
Binary file not shown.
|
After Width: | Height: | Size: 485 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 90 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 86 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 158 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 102 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 102 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 147 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 97 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 118 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 113 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 171 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 101 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 99 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 96 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user