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

421 lines
17 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 | Circle Effect Slider</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]-->
<script id="barTmpl" type="text/x-jquery-tmpl">
<div class="cn-bar">
<div class="cn-nav">
<a href="#" class="cn-nav-prev">
<span>Previous</span>
<div style="background-image:url(${prevSource});"></div>
</a>
<a href="#" class="cn-nav-next">
<span>Next</span>
<div style="background-image:url(${nextSource});"></div>
</a>
</div><!-- cn-nav -->
<div class="cn-nav-content">
<div class="cn-nav-content-prev">
<!-- <strong>Previous</strong>
<h3>${prevTitle}</h3>-->
</div>
<div class="cn-nav-content-current">
<span>Currently viewing</span>
<h2>${currentTitle}</h2>
</div>
<div class="cn-nav-content-next">
<!-- <strong>Next</strong>
<h3>${nextTitle}</h3>-->
</div>
</div><!-- cn-nav-content -->
</div><!-- cn-bar -->
</script>
</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 class="current-menu-item"><a href="index.html"><span>Home</span></a>
<ul class="sub-menu">
<li><a href="index.html">Nivo Slider</a></li>
<li class="active"><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><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 Slider - ************** -->
<div id="slider">
<div id="cn-slideshow" class="cn-slideshow">
<div class="cn-images">
<img src="images/sliders/img_01.jpg" alt="image01" title="Image Title 1" data-thumb="images/sliders/thumbs/1.jpg" style="display:block;"/>
<img src="images/sliders/img_02.jpg" alt="image02" title="Image Title 2" data-thumb="images/sliders/thumbs/2.jpg"/>
<img src="images/sliders/img_03.jpg" alt="image03" title="Image Title 3" data-thumb="images/sliders/thumbs/3.jpg"/>
<img src="images/sliders/img_04.jpg" alt="image04" title="Image Title 4" data-thumb="images/sliders/thumbs/4.jpg"/>
<img src="images/sliders/img_05.jpg" alt="image05" title="Image Title 5" data-thumb="images/sliders/thumbs/5.jpg"/>
</div><!--/ cn-images-->
</div><!--/ cn-slideshow-->
</div><!--/ slider-->
<!-- ************ - END Slider - ************** -->
<!-- ************ - BEGIN Content Wrapper - ************** -->
<div class="content-wrapper">
<div class="one_third">
<div class="aligncenter">
<img class="icon-with-margin" src="images/icons/icon10.png" alt="" />
<h5 class="content-title">Excepteur sint occaecat</h5>
<p>
Ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</p>
<a href="#" class="button green small">Read more</a>
</div><!--/ .aligncenter-->
</div><!--/ .one_third-->
<div class="one_third">
<div class="aligncenter">
<img class="icon-with-margin" src="images/icons/icon11.png" alt="" />
<h5 class="content-title">Oluptate velit esse cillum</h5>
<p>
Ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</p>
<a href="#" class="button green small">Read more</a>
</div><!--/ .aligncenter-->
</div><!--/ .one_third-->
<div class="one_third_last">
<div class="aligncenter">
<img class="icon-with-margin" src="images/icons/icon12.png" alt="" />
<h5 class="content-title">Dolore eu fugiat nulla pariatu</h5>
<p>
Ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</p>
<a href="#" class="button green small">Read more</a>
</div><!--/ .aligncenter-->
</div><!--/ .one_third_last-->
<div class="sep"></div>
<div class="one_third">
<div class="title-with-icon clearfix">
<img class="alignleft" src="images/icons/icon7.png" alt="" />
<a href="#"><h5 class="title-bord">Duis aute irure dolor</h5></a>
</div><!--/ .title-with-icon-->
<p class="aligncenter">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</p>
</div><!--/ .one_third-->
<div class="one_third">
<div class="title-with-icon clearfix">
<img class="alignleft" src="images/icons/icon8.png" alt="" />
<a href="#"><h5 class="title-bord">Labore et dolore</h5></a>
</div><!--/ .title-with-icon-->
<p class="aligncenter">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</p>
</div><!--/ .one_third-->
<div class="one_third_last">
<div class="title-with-icon clearfix">
<img class="alignleft" src="images/icons/icon9.png" alt="" />
<a href="#"><h5 class="title-bord">Magna aliqua enim</h5></a>
</div><!--/ .title-with-icon-->
<p class="aligncenter">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</p>
</div><!--/ .one_third_last-->
<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 &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