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

423 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]-->
<html>
<head>
<title>Freely | Rama 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>
<script type="text/javascript" src="sliders/rama-the-jquery-slider-plugin/rama/js/freshline/jquery.freshline.FramesBanner.min.js"></script>
<script type="text/javascript" src="sliders/rama-the-jquery-slider-plugin/rama/js/jquery.easing.1.3.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 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><a href="index-4.html">Circle Effect Slider</a></li>
<li><a href="index-2.html">Elegant Accordion</a></li>
<li class="active"><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="example" class="frames_slider">
<ul>
<!-- THE 1. SLIDE -->
<li data-transition="8"><img src="images/sliders/img_01.jpg" alt="title">
<div class="mygooglefont creative_layer">
<div class="title_1 fadeup">58 W3c Valid xHTML Pages</div>
<div class="description_1 fadeup">Lorem ipsum dolor sit amet</div>
</div>
</li>
<!-- THE 2. SLIDE -->
<li data-transition="6"><img src="images/sliders/img_02.jpg" alt="title">
<div class="mygooglefont creative_layer">
<div class="title_2 fadeup">Sortable Gallery with slide up effect</div>
<div class="description_2 fadedown">Lorem ipsum dolor sit amet</div>
</div>
</li>
<!-- THE 3. SLIDE -->
<li data-transition="10"><img src="images/sliders/img_03.jpg" alt="title">
<div class="creative_layer mygooglefont">
<div class="title_3 fade">Welcome to FREELY!</div>
<div class="description_3 fade">Lorem ipsum dolor sit amet</div>
</div>
</li>
<!-- THE 4. SLIDE -->
<li data-transition="13"><img src="images/sliders/img_04.jpg" alt="title">
<div class="creative_layer mygooglefont">
<div class="title_4 fadeup">100% Reallistic Pages Layouts!</div>
<div class="description_4 fadedown">Lorem ipsum dolor sit amet</div>
</div>
</li>
<!-- THE 5. SLIDE -->
<li data-transition="9"><img src="images/sliders/img_05.jpg" alt="title">
<div class="creative_layer mygooglefont">
<div class="title_5 fadeup">Blog & Portfolio Alternate Layouts</div>
<div class="description_5 fadeup">Lorem ipsum dolor sit amet</div>
</div>
</li>
</ul>
</div><!--/ example-->
</div><!--/ slider-->
<!-- ************ - END Slider - ************** -->
<!-- ************ - BEGIN Content Wrapper - ************** -->
<div class="content-wrapper">
<div class="one_third">
<div class="item-with-icon">
<a href="#">
<div class="content-item">
<div class="temp-icon icon1"></div>
<h5>Dolore eu fugiat nulla pariatu</h5>
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit</span>
</div><!--/ .content-item-->
</a>
</div><!--/ .item-with-icon-->
</div><!--/ .one_third-->
<div class="one_third">
<div class="item-with-icon">
<a href="#">
<div class="content-item">
<div class="temp-icon icon2"></div>
<h5>Fugiat nulla pariatu</h5>
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit</span>
</div><!--/ .content-item-->
</a>
</div><!--/ .item-with-icon-->
</div><!--/ .one_third-->
<div class="one_third_last">
<div class="item-with-icon">
<a href="#">
<div class="content-item">
<div class="temp-icon icon3"></div>
<h5>Excepteur sint occaecat</h5>
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit</span>
</div><!--/ .content-item-->
</a>
</div><!--/ .item-with-icon-->
</div><!--/ .one_third_last-->
<div class="sep"></div>
<div class="one_third">
<a href="#"><img class="add-border" src="images/temp/temp_img_1.jpg" alt="" /></a>
<div class="aligncenter">
<a href="#"><h5 class="content-title">Excepteur sint occaecat</h5></a>
<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="typography.html" class="button green small">Read more</a>
</div><!--/ .align-center-->
</div><!--/ one_third-->
<div class="one_third">
<a href="#"><img class="add-border" src="images/temp/temp_img_2.jpg" alt="" /></a>
<div class="aligncenter">
<a href="#"><h5 class="content-title">Oluptate velit esse cillum </h5></a>
<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="typography.html" class="button green small">Read more</a>
</div><!--/ .align-center-->
</div><!--/ one_third-->
<div class="one_third_last">
<a href="#"><img class="add-border" src="images/temp/temp_img_3.jpg" alt="" /></a>
<div class="aligncenter">
<a href="#"><h5 class="content-title">Dolore eu fugiat nulla pariatu</h5></a>
<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="typography.html" class="button green small">Read more</a>
</div><!--/ .align-center-->
</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