AutoMedSysAI/iCare
1
0
Fork 0
Code Issues Pull Requests Releases Activity
Files
master
iCare/web/gallery.html
T
CHIEFSOFT\ameye 43a6facde9 first commit
2024-07-06 18:33:32 -04:00

567 lines
23 KiB
HTML
Raw Permalink Blame History

<!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 &copy; 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>
Reference in New Issue View Git Blame Copy Permalink