Backend Service

This commit is contained in:
2019-03-16 12:17:32 +00:00
parent 5b7cf9988b
commit 4086647780
3 changed files with 1421 additions and 1 deletions
+708
View File
@@ -0,0 +1,708 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>myFit - Personal Health Record System</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="description" content="Cloud-based electronic health record platform for all users. patient health record, family health record">
<!-- Stylesheets -->
<link rel="stylesheet" type="text/css" href="stylesheets/base.css" />
<link rel="stylesheet" type="text/css" href="stylesheets/media.queries.css" />
<link rel="stylesheet" type="text/css" href="stylesheets/tipsy.css" />
<link rel="stylesheet" type="text/css" href="javascripts/fancybox/jquery.fancybox-1.3.4.css" />
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Nothing+You+Could+Do|Quicksand:400,700,300">
<!-- Javascripts -->
<script type="text/javascript" src="javascripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="javascripts/html5shiv.js"></script>
<script type="text/javascript" src="javascripts/jquery.tipsy.js"></script>
<script type="text/javascript" src="javascripts/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="javascripts/fancybox/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="javascripts/jquery.touchSwipe.js"></script>
<script type="text/javascript" src="javascripts/jquery.mobilemenu.js"></script>
<script type="text/javascript" src="javascripts/jquery.infieldlabel.js"></script>
<script type="text/javascript" src="javascripts/jquery.echoslider.js"></script>
<script type="text/javascript" src="javascripts/fluidapp.js"></script>
<!-- Favicons -->
<link rel="shortcut icon" href="images/favicon.png" />
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
</head>
<body>
<!-- Start Wrapper -->
<div id="page_wrapper">
<!-- Start Header -->
<header>
<div class="container">
<!-- Start Social Icons -->
<aside>
<ul class="social">
<li class="facebook"><a href="">Facebook</a></li>
<li class="twitter"><a href="http://twitter.com/fluxtra">Twitter</a></li>
<!-- More Social Icons:
<li class="dribbble"><a href="">Dribbble</a></li>
<li class="google"><a href="">Google</a></li>
<li class="flickr"><a href="">Flickr</a></li>
-->
</ul>
</aside>
<!-- End Social Icons -->
<!-- Start Navigation -->
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/privacy">Privacy</a></li>
<li><a href="/terms">Terms of use</a></li>
<!-- li>
<a href="#styles">Styles</a>
<ul>
<li><a href="">Typography</a></li>
<li><a href="">Blockquotes</a></li>
<li><a href="">Small Buttons</a></li>
</ul>
</li -->
</ul>
<span class="arrow"></span>
</nav>
<!-- End Navigation -->
</div>
</header>
<!-- End Header -->
<section class="container">
<!-- Start App Info -->
<div id="app_info">
<!-- Start Logo -->
<a href="#home" class="logo">
<img src="images/light-logo.png" alt="Fluid App" />
</a>
<!-- End Logo -->
<span class="tagline">your Personal health care platform.</span>
<p>
myFit is your personal health care concierge. this app helps you to manage the intricacies of your daily and long term health activities. With myFit, your health record is yours at all point, you decide your provider access as needed from time to time. <a href="#features">Check out features to learn more about myFit</a>.
</p>
<div class="buttons">
<a href="#" class="large_button" id="apple">
<span class="icon"></span>
<em>Download now for</em> iPhone
</a>
<a href="https://play.google.com/store/apps/details?id=com.mermsemr.myfit" class="large_button" id="android">
<span class="icon"></span>
<em>Download now for</em> Android
</a>
</div>
<div class="price centered"> <!-- Alignments options: right_align, left_align, centered -->
<p>Your personal free EHR!</p>
</div>
</div>
<!-- End App Info -->
<!-- Start Pages -->
<div id="pages">
<div class="top_shadow"></div>
<!-- Start Home -->
<div id="home" class="page">
<div id="slider">
<div class="slide" data-effect-out="slide">
<div class="background iphone-black">
<img src="images/slider/iphone-back.jpg" alt="" />
</div>
<div class="foreground iphone-black">
<img src="images/slider/iphone-front.jpg" alt="" />
</div>
</div>
<div class="slide" data-effect-in="slide">
<div class="background iphone-white">
<img src="images/slider/iphone-back.jpg" alt="" />
</div>
<div class="foreground iphone-white">
<iframe src="https://player.vimeo.com/video/40738306?title=0&amp;byline=0&amp;portrait=0" width="230" height="345" frameborder="0"></iframe>
</div>
</div>
<!-- div class="slide">
<div class="background blackberry">
<img src="images/slider/blackberry-back.jpg" alt="" />
</div>
<div class="foreground blackberry">
<img src="images/slider/blackberry-front.jpg" alt="" />
</div>
</div -->
<div class="slide">
<div class="background android">
<img src="images/slider/android-back.jpg" alt="" />
</div>
<div class="foreground android">
<img src="images/slider/android-back.jpg" alt="" />
</div>
</div>
<div class="slide">
<div class="background ipad-black">
<iframe src="https://player.vimeo.com/video/40603475?title=0&amp;byline=0&amp;portrait=0" width="352" height="468" frameborder="0"></iframe>
</div>
</div>
<div class="slide">
<div class="background ipad-white">
<img src="images/slider/ipad.jpg" alt="" />
</div>
</div>
</div>
</div>
<!-- End Home -->
<!-- Start Team -->
<div id="team" class="page">
<h1>Team</h1>
<div class="about_us content_box">
<div class="one_half">
<h2>About Us</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo.</p>
</div>
<div class="one_half column_last">
<img src="images/about-main.png" alt="" />
</div>
</div>
<div class="team_members">
<div class="person one_half">
<img src="images/about-team_1.png" alt="" />
<h3>Jane Doe</h3>
<span>Designer</span>
<a href="#">http://website.com</a>
<ul class="social">
<li class="facebook"><a href="">Facebook</a></li>
<li class="twitter"><a href="">Twitter</a></li>
</ul>
</div>
<div class="person one_half column_last">
<img src="images/about-team_2.png" alt="" />
<h3>John Smith</h3>
<span>Developer</span>
<a href="#">http://website.com</a>
<ul class="social">
<li class="facebook"><a href="">Facebook</a></li>
<li class="twitter"><a href="">Twitter</a></li>
</ul>
</div>
<div class="person one_half">
<img src="images/about-team_3.png" alt="" />
<h3>John Doe</h3>
<span>UI/UX Expert</span>
<a href="#">http://website.com</a>
<ul class="social">
<li class="facebook"><a href="">Facebook</a></li>
<li class="twitter"><a href="">Twitter</a></li>
</ul>
</div>
<div class="person one_half column_last">
<img src="images/about-team_4.png" alt="" />
<h3>Mary Smith</h3>
<span>Support</span>
<a href="#">http://website.com</a>
<ul class="social">
<li class="facebook"><a href="">Facebook</a></li>
<li class="twitter"><a href="">Twitter</a></li>
</ul>
</div>
</div>
</div>
<!-- End Team -->
<!-- Start Features -->
<div id="features" class="page">
<h1>Features</h1>
<div class="feature_list content_box">
<div class="one_half">
<h2 class="icon chart">Health Plan</h2>
<p>Your health plan your way - myFit assist you organizing your prescription, health routines, your providers treatment plans in one place.</p>
</div>
<div class="one_half column_last">
<h2 class="icon cart">Health Tips</h2>
<p>myFit continuously help you organize both general and the few health questions relevant to you. We can privately help you find answer in our communities to new questions.</p>
</div>
<div class="one_half">
<h2 class="icon pencil">Reminders</h2>
<p>Miss no appointment, medication schedule and more with myFit reminders. Allow your provider or simply set up whatever you needed reminding for.</p>
</div>
<div class="one_half column_last">
<h2 class="icon graph">Health Stats</h2>
<p>Collect your health statistics yourself, weight changes, blood pressure, blood glucose data all helps to ensure that your provider is creating plans that fits you specifically.</p>
</div>
<div class="one_half">
<h2 class="icon briefcase">Health Record</h2>
<p>Health record your way. With myFit health record you control your information. Add family record and decide how you want your providers to access your record.</p>
</div>
<div class="one_half column_last">
<h2 class="icon help">Help &amp; Support</h2>
<p>We are here to support you. let us know is there is anything we can do to make your personal care better - Contact us.</p>
</div>
</div>
</div>
<!-- End Features -->
<!-- Start Screenshots -->
<div id="screenshots" class="page">
<h1>Screenshots</h1>
<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
<div class="screenshot_grid content_box">
<div class="one_third">
<a href="images/screenshots/screen_1.jpg" class="fancybox" rel="group" title="Screenshot 1"><img src="images/screenshots/screen_1.jpg" alt="" /></a>
</div>
<div class="one_third">
<a href="images/screenshots/screen_2.jpg" class="fancybox" rel="group" title="Screenshot 2"><img src="images/screenshots/screen_2.jpg" alt="" /></a>
</div>
<div class="one_third column_last">
<a href="images/screenshots/screen_3.jpg" class="fancybox" rel="group" title="Screenshot 3"><img src="images/screenshots/screen_3.jpg" alt="" /></a>
</div>
<div class="one_third">
<a href="images/screenshots/screen_4.jpg" class="fancybox" rel="group" title="Screenshot 4"><img src="images/screenshots/screen_4.jpg" alt="" /></a>
</div>
<div class="one_third">
<a href="images/screenshots/screen_5.jpg" class="fancybox" rel="group" title="Screenshot 5"><img src="images/screenshots/screen_5.jpg" alt="" /></a>
</div>
<div class="one_third column_last">
<a href="images/screenshots/screen_6.jpg" class="fancybox" rel="group" title="Screenshot 6"><img src="images/screenshots/screen_6.jpg" alt="" /></a>
</div>
<div class="one_third">
<a href="images/screenshots/screen_7.jpg" class="fancybox" rel="group" title="Screenshot 7"><img src="images/screenshots/screen_7.jpg" alt="" /></a>
</div>
<div class="one_third">
<a href="images/screenshots/screen_8.jpg" class="fancybox" rel="group" title="Screenshot 8"><img src="images/screenshots/screen_8.jpg" alt="" /></a>
</div>
<div class="one_third column_last">
<a href="images/screenshots/screen_9.jpg" class="fancybox" rel="group" title="Screenshot 9"><img src="images/screenshots/screen_9.jpg" alt="" /></a>
</div>
</div>
</div>
<!-- End Screenshots -->
<!-- Start Updates -->
<div id="updates" class="page">
<h1>Updates</h1>
<div class="releases">
<article class="release">
<h2>Version 1.0.2</h2>
<span class="date">Released on March 13th, 2012</span>
<ul>
<li class="new"><span><b>New</b></span> Full iOS 5.1 compatibility</li>
<li class="fix"><span><b>Fix</b></span> Push notifications update &amp; fixes</li>
<li class="new"><span><b>New</b></span> Added dashboard refresh button</li>
<li class="fix"><span><b>fix</b></span> Various UI enhancements</li>
</ul>
</article>
<article class="release">
<h2>Version 1.0.1</h2>
<span class="date">Released on January 10th, 2012</span>
<ul>
<li class="new"><span><b>New</b></span> Full iOS 5 compatibility</li>
<li class="fix"><span><b>Fix</b></span> Push notifications update &amp; fixes</li>
<li class="new"><span><b>New</b></span> Added dashboard refresh button</li>
<li class="fix"><span><b>fix</b></span> Various UI enhancements</li>
</ul>
</article>
<article class="release">
<h2>Version 1.0</h2>
<span class="date">Released on January 1st, 2012</span>
<ul>
<li class="new"><span><b>New</b></span> Initial release for iOS and Android</li>
</ul>
</article>
</div>
</div>
<!-- End Updates -->
<!-- Start Press -->
<div id="press" class="page">
<h1>Press</h1>
<div class="press_mentions">
<ul>
<li>
<div class="logo">
<img src="images/light-press.png" alt="" />
</div>
<div class="details">
<p>"The best mobile app website youve ever seen!"</p>
<address>
Jane Doe
<a href="#">http://website.com &#x2192;</a>
</address>
</div>
</li>
<li>
<div class="logo">
<img src="images/light-press.png" alt="" />
</div>
<div class="details">
<p>"Cras mattis consectetur purus sit amet fermentum."</p>
<address>
Jane Doe
<a href="#">http://website.com &#x2192;</a>
</address>
</div>
</li>
<li>
<div class="logo">
<img src="images/light-press.png" alt="" />
</div>
<div class="details">
<p>"Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo."</p>
<address>
Jane Doe
<a href="#">http://website.com &#x2192;</a>
</address>
</div>
</li>
<li>
<div class="logo">
<img src="images/light-press.png" alt="" />
</div>
<div class="details">
<p>"Vivamus sagittis vel augue rutrum faucibus dolor."</p>
<address>
Jane Doe
<a href="#">http://website.com &#x2192;</a>
</address>
</div>
</li>
<li>
<div class="logo">
<img src="images/light-press.png" alt="" />
</div>
<div class="details">
<p>"Maecenas faucibus mollis interdum."</p>
<address>
Jane Doe
<a href="#">http://website.com &#x2192;</a>
</address>
</div>
</li>
</ul>
</div>
</div>
<!-- End Press -->
<!-- Start Start Contact -->
<div id="contact" class="page">
<h1>Contact</h1>
<p>For general questions, bug reports or press inquires please fill out the form below.</p>
<div id="contact_form">
<div class="validation">
<p>Oops! Please correct the highlighted fields...</p>
</div>
<div class="success">
<p>Thanks! I'll get back to you shortly.</p>
</div>
<form action="javascript:;" method="post">
<div class="row">
<p class="left">
<label for="name">Name*</label>
<input type="text" name="name" id="name" value="" />
</p>
<p class="right">
<label for="email">Email*</label>
<input type="text" name="email" id="email" value="" />
</p>
</div>
<div class="row">
<p class="left">
<label for="website">Website</label>
<input type="text" name="website" id="website" value="" />
</p>
<p class="right">
<label for="subject">Subject</label>
<input type="text" name="subject" id="subject" value="" />
</p>
</div>
<p>
<label for="message" class="textarea">Message</label>
<textarea class="text" name="message" id="message"></textarea>
</p>
<input type="submit" class="button white" value="Send &#x2192;" />
</form>
</div>
</div>
<!-- End Start Contact -->
<!-- Start Styles -->
<div id="styles" class="page">
<h1>Styles</h1>
<div class="full">
<h1>h1. Nullam id dolor id nibh ultricies.</h1>
<h2>h2. Nullam id dolor id nibh ultricies.</h2>
<h3>h3. Nullam id dolor id nibh ultricies.</h3>
<h4>h4. Nullam id dolor id nibh ultricies.</h4>
<h5>h5. Nullam id dolor id nibh ultricies.</h5>
<h6>h6. Nullam id dolor id nibh ultricies.</h6>
</div>
<h2>Blockquotes</h2>
<div class="one_half">
<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.</p>
</div>
<div class="one_half column_last">
<blockquote>
<p>This is a blockquote style example. It's cool.</p>
<cite>Some Dude, Some Website</cite>
</blockquote>
</div>
<div class="full">
<h2>Small Buttons</h2>
<a href="#" class="button black">Black</a>
<a href="#" class="button white">White</a>
<a href="#" class="button gray">Gray</a>
<a href="#" class="button orange">Orange</a>
<a href="#" class="button blue">Blue</a>
<a href="#" class="button green">Green</a>
<a href="#" class="button pink">Pink</a>
<a href="#" class="button purple">Purple</a>
</div>
<div class="full">
<h2>Large Buttons</h2>
<a href="#" class="large_button" id="apple">
<span class="icon"></span>
<em>Download now for</em> iPhone
</a>
<a href="#" class="large_button" id="android">
<span class="icon"></span>
<em>Download now for</em> Android
</a>
<a href="#" class="large_button" id="windows">
<span class="icon"></span>
<em>Download now for</em> Windows
</a>
<a href="#" class="large_button" id="blackberry">
<span class="icon"></span>
<em>Download now for</em> Blackberry
</a>
</div>
<h2>Columns</h2>
<div class="one_half">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
</div>
<div class="one_half column_last">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
</div>
<div class="one_third">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
</div>
<div class="one_third">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
</div>
<div class="one_third column_last">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
</div>
<div class="one_third">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="two_thirds column_last">
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Curabitur blandit tempus porttitor. Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum.</p>
</div>
<h2>Tabs</h2>
<div class="tabs">
<ul class="nav">
<li><a href="javascript:;" class="tab_1">Tab 1</a></li>
<li><a href="javascript:;" class="tab_2">Tab 2</a></li>
<li><a href="javascript:;" class="tab_3">Tab 3</a></li>
</ul>
<div id="tab_1" class="pane">
<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
</div>
<div id="tab_2" class="pane">
<p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
</div>
<div id="tab_3" class="pane">
<p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
<p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>
</div>
</div>
<h2>Toggle Lists</h2>
<div class="toggle_list">
<ul>
<li class="opened"> <!-- Use class "opened" to expand a toggle on page load -->
<div class="title">
<h3><span>Q.</span> What are the requirements for using this app?</h3>
<a href="javascript:;" class="toggle_link" data-open_text="+" data-close_text="-"></a>
</div>
<div class="content">
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
</div>
</li>
<li>
<div class="title">
<h3><span>Q.</span> How does it work?</h3>
<a href="javascript:;" class="toggle_link" data-open_text="+" data-close_text="-"></a>
</div>
<div class="content">
<p>Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
</div>
</li>
<li>
<div class="title">
<h3><span>Q.</span> How much does it cost?</h3>
<a href="javascript:;" class="toggle_link" data-open_text="+" data-close_text="-"></a>
</div>
<div class="content">
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
</div>
</li>
</ul>
</div>
<h2>Lightbox Images</h2>
<div class="one_third">
<a href="images/screenshots/screen_1.jpg" rel="screenshots" class="fancybox" title=""><img src="images/screenshots/screen_1.jpg" alt="" /></a>
</div>
<div class="one_third">
<a href="images/screenshots/screen_2.jpg" rel="screenshots" class="fancybox" title=""><img src="images/screenshots/screen_2.jpg" alt="" /></a>
</div>
<div class="one_third column_last">
<a href="images/screenshots/screen_3.jpg" rel="screenshots" class="fancybox" title=""><img src="images/screenshots/screen_3.jpg" alt="" /></a>
</div>
<div class="full">
<h2>Tooltips</h2>
<p>Cras justo odio, dapibus ac <a href="javascript:;" rel="tipsy" title="Example Tooltip">facilisis</a> in, egestas eget quam. Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna <a href="javascript:;" rel="tipsy" title="An even longer tooltip! <br/> With more stuff!">mollis ornare</a> vel eu leo.</p>
</div>
</div>
<!-- End Styles -->
<div class="bottom_shadow"></div>
</div>
<!-- End Pages -->
<div class="clear"></div>
</section>
<!-- Start Footer -->
<footer class="container">
<p>myFit &copy; 2019. FluxTra LLC All Rights Reserved.</p>
</footer>
<!-- End Footer -->
</div>
<!-- End Wrapper -->
</body>
</html>
+708
View File
@@ -0,0 +1,708 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>myFit - Personal Health Record System</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="description" content="Cloud-based electronic health record platform for all users. patient health record, family health record">
<!-- Stylesheets -->
<link rel="stylesheet" type="text/css" href="stylesheets/base.css" />
<link rel="stylesheet" type="text/css" href="stylesheets/media.queries.css" />
<link rel="stylesheet" type="text/css" href="stylesheets/tipsy.css" />
<link rel="stylesheet" type="text/css" href="javascripts/fancybox/jquery.fancybox-1.3.4.css" />
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Nothing+You+Could+Do|Quicksand:400,700,300">
<!-- Javascripts -->
<script type="text/javascript" src="javascripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="javascripts/html5shiv.js"></script>
<script type="text/javascript" src="javascripts/jquery.tipsy.js"></script>
<script type="text/javascript" src="javascripts/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="javascripts/fancybox/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="javascripts/jquery.touchSwipe.js"></script>
<script type="text/javascript" src="javascripts/jquery.mobilemenu.js"></script>
<script type="text/javascript" src="javascripts/jquery.infieldlabel.js"></script>
<script type="text/javascript" src="javascripts/jquery.echoslider.js"></script>
<script type="text/javascript" src="javascripts/fluidapp.js"></script>
<!-- Favicons -->
<link rel="shortcut icon" href="images/favicon.png" />
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
</head>
<body>
<!-- Start Wrapper -->
<div id="page_wrapper">
<!-- Start Header -->
<header>
<div class="container">
<!-- Start Social Icons -->
<aside>
<ul class="social">
<li class="facebook"><a href="">Facebook</a></li>
<li class="twitter"><a href="http://twitter.com/fluxtra">Twitter</a></li>
<!-- More Social Icons:
<li class="dribbble"><a href="">Dribbble</a></li>
<li class="google"><a href="">Google</a></li>
<li class="flickr"><a href="">Flickr</a></li>
-->
</ul>
</aside>
<!-- End Social Icons -->
<!-- Start Navigation -->
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/privacy">Privacy</a></li>
<li><a href="/terms">Terms of use</a></li>
<!-- li>
<a href="#styles">Styles</a>
<ul>
<li><a href="">Typography</a></li>
<li><a href="">Blockquotes</a></li>
<li><a href="">Small Buttons</a></li>
</ul>
</li -->
</ul>
<span class="arrow"></span>
</nav>
<!-- End Navigation -->
</div>
</header>
<!-- End Header -->
<section class="container">
<!-- Start App Info -->
<div id="app_info">
<!-- Start Logo -->
<a href="#home" class="logo">
<img src="images/light-logo.png" alt="Fluid App" />
</a>
<!-- End Logo -->
<span class="tagline">your Personal health care platform.</span>
<p>
myFit is your personal health care concierge. this app helps you to manage the intricacies of your daily and long term health activities. With myFit, your health record is yours at all point, you decide your provider access as needed from time to time. <a href="#features">Check out features to learn more about myFit</a>.
</p>
<div class="buttons">
<a href="#" class="large_button" id="apple">
<span class="icon"></span>
<em>Download now for</em> iPhone
</a>
<a href="https://play.google.com/store/apps/details?id=com.mermsemr.myfit" class="large_button" id="android">
<span class="icon"></span>
<em>Download now for</em> Android
</a>
</div>
<div class="price centered"> <!-- Alignments options: right_align, left_align, centered -->
<p>Your personal free EHR!</p>
</div>
</div>
<!-- End App Info -->
<!-- Start Pages -->
<div id="pages">
<div class="top_shadow"></div>
<!-- Start Home -->
<div id="home" class="page">
<div id="slider">
<div class="slide" data-effect-out="slide">
<div class="background iphone-black">
<img src="images/slider/iphone-back.jpg" alt="" />
</div>
<div class="foreground iphone-black">
<img src="images/slider/iphone-front.jpg" alt="" />
</div>
</div>
<div class="slide" data-effect-in="slide">
<div class="background iphone-white">
<img src="images/slider/iphone-back.jpg" alt="" />
</div>
<div class="foreground iphone-white">
<iframe src="https://player.vimeo.com/video/40738306?title=0&amp;byline=0&amp;portrait=0" width="230" height="345" frameborder="0"></iframe>
</div>
</div>
<!-- div class="slide">
<div class="background blackberry">
<img src="images/slider/blackberry-back.jpg" alt="" />
</div>
<div class="foreground blackberry">
<img src="images/slider/blackberry-front.jpg" alt="" />
</div>
</div -->
<div class="slide">
<div class="background android">
<img src="images/slider/android-back.jpg" alt="" />
</div>
<div class="foreground android">
<img src="images/slider/android-back.jpg" alt="" />
</div>
</div>
<div class="slide">
<div class="background ipad-black">
<iframe src="https://player.vimeo.com/video/40603475?title=0&amp;byline=0&amp;portrait=0" width="352" height="468" frameborder="0"></iframe>
</div>
</div>
<div class="slide">
<div class="background ipad-white">
<img src="images/slider/ipad.jpg" alt="" />
</div>
</div>
</div>
</div>
<!-- End Home -->
<!-- Start Team -->
<div id="team" class="page">
<h1>Team</h1>
<div class="about_us content_box">
<div class="one_half">
<h2>About Us</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo.</p>
</div>
<div class="one_half column_last">
<img src="images/about-main.png" alt="" />
</div>
</div>
<div class="team_members">
<div class="person one_half">
<img src="images/about-team_1.png" alt="" />
<h3>Jane Doe</h3>
<span>Designer</span>
<a href="#">http://website.com</a>
<ul class="social">
<li class="facebook"><a href="">Facebook</a></li>
<li class="twitter"><a href="">Twitter</a></li>
</ul>
</div>
<div class="person one_half column_last">
<img src="images/about-team_2.png" alt="" />
<h3>John Smith</h3>
<span>Developer</span>
<a href="#">http://website.com</a>
<ul class="social">
<li class="facebook"><a href="">Facebook</a></li>
<li class="twitter"><a href="">Twitter</a></li>
</ul>
</div>
<div class="person one_half">
<img src="images/about-team_3.png" alt="" />
<h3>John Doe</h3>
<span>UI/UX Expert</span>
<a href="#">http://website.com</a>
<ul class="social">
<li class="facebook"><a href="">Facebook</a></li>
<li class="twitter"><a href="">Twitter</a></li>
</ul>
</div>
<div class="person one_half column_last">
<img src="images/about-team_4.png" alt="" />
<h3>Mary Smith</h3>
<span>Support</span>
<a href="#">http://website.com</a>
<ul class="social">
<li class="facebook"><a href="">Facebook</a></li>
<li class="twitter"><a href="">Twitter</a></li>
</ul>
</div>
</div>
</div>
<!-- End Team -->
<!-- Start Features -->
<div id="features" class="page">
<h1>Features</h1>
<div class="feature_list content_box">
<div class="one_half">
<h2 class="icon chart">Health Plan</h2>
<p>Your health plan your way - myFit assist you organizing your prescription, health routines, your providers treatment plans in one place.</p>
</div>
<div class="one_half column_last">
<h2 class="icon cart">Health Tips</h2>
<p>myFit continuously help you organize both general and the few health questions relevant to you. We can privately help you find answer in our communities to new questions.</p>
</div>
<div class="one_half">
<h2 class="icon pencil">Reminders</h2>
<p>Miss no appointment, medication schedule and more with myFit reminders. Allow your provider or simply set up whatever you needed reminding for.</p>
</div>
<div class="one_half column_last">
<h2 class="icon graph">Health Stats</h2>
<p>Collect your health statistics yourself, weight changes, blood pressure, blood glucose data all helps to ensure that your provider is creating plans that fits you specifically.</p>
</div>
<div class="one_half">
<h2 class="icon briefcase">Health Record</h2>
<p>Health record your way. With myFit health record you control your information. Add family record and decide how you want your providers to access your record.</p>
</div>
<div class="one_half column_last">
<h2 class="icon help">Help &amp; Support</h2>
<p>We are here to support you. let us know is there is anything we can do to make your personal care better - Contact us.</p>
</div>
</div>
</div>
<!-- End Features -->
<!-- Start Screenshots -->
<div id="screenshots" class="page">
<h1>Screenshots</h1>
<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
<div class="screenshot_grid content_box">
<div class="one_third">
<a href="images/screenshots/screen_1.jpg" class="fancybox" rel="group" title="Screenshot 1"><img src="images/screenshots/screen_1.jpg" alt="" /></a>
</div>
<div class="one_third">
<a href="images/screenshots/screen_2.jpg" class="fancybox" rel="group" title="Screenshot 2"><img src="images/screenshots/screen_2.jpg" alt="" /></a>
</div>
<div class="one_third column_last">
<a href="images/screenshots/screen_3.jpg" class="fancybox" rel="group" title="Screenshot 3"><img src="images/screenshots/screen_3.jpg" alt="" /></a>
</div>
<div class="one_third">
<a href="images/screenshots/screen_4.jpg" class="fancybox" rel="group" title="Screenshot 4"><img src="images/screenshots/screen_4.jpg" alt="" /></a>
</div>
<div class="one_third">
<a href="images/screenshots/screen_5.jpg" class="fancybox" rel="group" title="Screenshot 5"><img src="images/screenshots/screen_5.jpg" alt="" /></a>
</div>
<div class="one_third column_last">
<a href="images/screenshots/screen_6.jpg" class="fancybox" rel="group" title="Screenshot 6"><img src="images/screenshots/screen_6.jpg" alt="" /></a>
</div>
<div class="one_third">
<a href="images/screenshots/screen_7.jpg" class="fancybox" rel="group" title="Screenshot 7"><img src="images/screenshots/screen_7.jpg" alt="" /></a>
</div>
<div class="one_third">
<a href="images/screenshots/screen_8.jpg" class="fancybox" rel="group" title="Screenshot 8"><img src="images/screenshots/screen_8.jpg" alt="" /></a>
</div>
<div class="one_third column_last">
<a href="images/screenshots/screen_9.jpg" class="fancybox" rel="group" title="Screenshot 9"><img src="images/screenshots/screen_9.jpg" alt="" /></a>
</div>
</div>
</div>
<!-- End Screenshots -->
<!-- Start Updates -->
<div id="updates" class="page">
<h1>Updates</h1>
<div class="releases">
<article class="release">
<h2>Version 1.0.2</h2>
<span class="date">Released on March 13th, 2012</span>
<ul>
<li class="new"><span><b>New</b></span> Full iOS 5.1 compatibility</li>
<li class="fix"><span><b>Fix</b></span> Push notifications update &amp; fixes</li>
<li class="new"><span><b>New</b></span> Added dashboard refresh button</li>
<li class="fix"><span><b>fix</b></span> Various UI enhancements</li>
</ul>
</article>
<article class="release">
<h2>Version 1.0.1</h2>
<span class="date">Released on January 10th, 2012</span>
<ul>
<li class="new"><span><b>New</b></span> Full iOS 5 compatibility</li>
<li class="fix"><span><b>Fix</b></span> Push notifications update &amp; fixes</li>
<li class="new"><span><b>New</b></span> Added dashboard refresh button</li>
<li class="fix"><span><b>fix</b></span> Various UI enhancements</li>
</ul>
</article>
<article class="release">
<h2>Version 1.0</h2>
<span class="date">Released on January 1st, 2012</span>
<ul>
<li class="new"><span><b>New</b></span> Initial release for iOS and Android</li>
</ul>
</article>
</div>
</div>
<!-- End Updates -->
<!-- Start Press -->
<div id="press" class="page">
<h1>Press</h1>
<div class="press_mentions">
<ul>
<li>
<div class="logo">
<img src="images/light-press.png" alt="" />
</div>
<div class="details">
<p>"The best mobile app website youve ever seen!"</p>
<address>
Jane Doe
<a href="#">http://website.com &#x2192;</a>
</address>
</div>
</li>
<li>
<div class="logo">
<img src="images/light-press.png" alt="" />
</div>
<div class="details">
<p>"Cras mattis consectetur purus sit amet fermentum."</p>
<address>
Jane Doe
<a href="#">http://website.com &#x2192;</a>
</address>
</div>
</li>
<li>
<div class="logo">
<img src="images/light-press.png" alt="" />
</div>
<div class="details">
<p>"Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo."</p>
<address>
Jane Doe
<a href="#">http://website.com &#x2192;</a>
</address>
</div>
</li>
<li>
<div class="logo">
<img src="images/light-press.png" alt="" />
</div>
<div class="details">
<p>"Vivamus sagittis vel augue rutrum faucibus dolor."</p>
<address>
Jane Doe
<a href="#">http://website.com &#x2192;</a>
</address>
</div>
</li>
<li>
<div class="logo">
<img src="images/light-press.png" alt="" />
</div>
<div class="details">
<p>"Maecenas faucibus mollis interdum."</p>
<address>
Jane Doe
<a href="#">http://website.com &#x2192;</a>
</address>
</div>
</li>
</ul>
</div>
</div>
<!-- End Press -->
<!-- Start Start Contact -->
<div id="contact" class="page">
<h1>Contact</h1>
<p>For general questions, bug reports or press inquires please fill out the form below.</p>
<div id="contact_form">
<div class="validation">
<p>Oops! Please correct the highlighted fields...</p>
</div>
<div class="success">
<p>Thanks! I'll get back to you shortly.</p>
</div>
<form action="javascript:;" method="post">
<div class="row">
<p class="left">
<label for="name">Name*</label>
<input type="text" name="name" id="name" value="" />
</p>
<p class="right">
<label for="email">Email*</label>
<input type="text" name="email" id="email" value="" />
</p>
</div>
<div class="row">
<p class="left">
<label for="website">Website</label>
<input type="text" name="website" id="website" value="" />
</p>
<p class="right">
<label for="subject">Subject</label>
<input type="text" name="subject" id="subject" value="" />
</p>
</div>
<p>
<label for="message" class="textarea">Message</label>
<textarea class="text" name="message" id="message"></textarea>
</p>
<input type="submit" class="button white" value="Send &#x2192;" />
</form>
</div>
</div>
<!-- End Start Contact -->
<!-- Start Styles -->
<div id="styles" class="page">
<h1>Styles</h1>
<div class="full">
<h1>h1. Nullam id dolor id nibh ultricies.</h1>
<h2>h2. Nullam id dolor id nibh ultricies.</h2>
<h3>h3. Nullam id dolor id nibh ultricies.</h3>
<h4>h4. Nullam id dolor id nibh ultricies.</h4>
<h5>h5. Nullam id dolor id nibh ultricies.</h5>
<h6>h6. Nullam id dolor id nibh ultricies.</h6>
</div>
<h2>Blockquotes</h2>
<div class="one_half">
<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.</p>
</div>
<div class="one_half column_last">
<blockquote>
<p>This is a blockquote style example. It's cool.</p>
<cite>Some Dude, Some Website</cite>
</blockquote>
</div>
<div class="full">
<h2>Small Buttons</h2>
<a href="#" class="button black">Black</a>
<a href="#" class="button white">White</a>
<a href="#" class="button gray">Gray</a>
<a href="#" class="button orange">Orange</a>
<a href="#" class="button blue">Blue</a>
<a href="#" class="button green">Green</a>
<a href="#" class="button pink">Pink</a>
<a href="#" class="button purple">Purple</a>
</div>
<div class="full">
<h2>Large Buttons</h2>
<a href="#" class="large_button" id="apple">
<span class="icon"></span>
<em>Download now for</em> iPhone
</a>
<a href="#" class="large_button" id="android">
<span class="icon"></span>
<em>Download now for</em> Android
</a>
<a href="#" class="large_button" id="windows">
<span class="icon"></span>
<em>Download now for</em> Windows
</a>
<a href="#" class="large_button" id="blackberry">
<span class="icon"></span>
<em>Download now for</em> Blackberry
</a>
</div>
<h2>Columns</h2>
<div class="one_half">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
</div>
<div class="one_half column_last">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
</div>
<div class="one_third">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
</div>
<div class="one_third">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
</div>
<div class="one_third column_last">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
</div>
<div class="one_third">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="two_thirds column_last">
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Curabitur blandit tempus porttitor. Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum.</p>
</div>
<h2>Tabs</h2>
<div class="tabs">
<ul class="nav">
<li><a href="javascript:;" class="tab_1">Tab 1</a></li>
<li><a href="javascript:;" class="tab_2">Tab 2</a></li>
<li><a href="javascript:;" class="tab_3">Tab 3</a></li>
</ul>
<div id="tab_1" class="pane">
<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
</div>
<div id="tab_2" class="pane">
<p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
</div>
<div id="tab_3" class="pane">
<p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
<p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>
</div>
</div>
<h2>Toggle Lists</h2>
<div class="toggle_list">
<ul>
<li class="opened"> <!-- Use class "opened" to expand a toggle on page load -->
<div class="title">
<h3><span>Q.</span> What are the requirements for using this app?</h3>
<a href="javascript:;" class="toggle_link" data-open_text="+" data-close_text="-"></a>
</div>
<div class="content">
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
</div>
</li>
<li>
<div class="title">
<h3><span>Q.</span> How does it work?</h3>
<a href="javascript:;" class="toggle_link" data-open_text="+" data-close_text="-"></a>
</div>
<div class="content">
<p>Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
</div>
</li>
<li>
<div class="title">
<h3><span>Q.</span> How much does it cost?</h3>
<a href="javascript:;" class="toggle_link" data-open_text="+" data-close_text="-"></a>
</div>
<div class="content">
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
</div>
</li>
</ul>
</div>
<h2>Lightbox Images</h2>
<div class="one_third">
<a href="images/screenshots/screen_1.jpg" rel="screenshots" class="fancybox" title=""><img src="images/screenshots/screen_1.jpg" alt="" /></a>
</div>
<div class="one_third">
<a href="images/screenshots/screen_2.jpg" rel="screenshots" class="fancybox" title=""><img src="images/screenshots/screen_2.jpg" alt="" /></a>
</div>
<div class="one_third column_last">
<a href="images/screenshots/screen_3.jpg" rel="screenshots" class="fancybox" title=""><img src="images/screenshots/screen_3.jpg" alt="" /></a>
</div>
<div class="full">
<h2>Tooltips</h2>
<p>Cras justo odio, dapibus ac <a href="javascript:;" rel="tipsy" title="Example Tooltip">facilisis</a> in, egestas eget quam. Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna <a href="javascript:;" rel="tipsy" title="An even longer tooltip! <br/> With more stuff!">mollis ornare</a> vel eu leo.</p>
</div>
</div>
<!-- End Styles -->
<div class="bottom_shadow"></div>
</div>
<!-- End Pages -->
<div class="clear"></div>
</section>
<!-- Start Footer -->
<footer class="container">
<p>myFit &copy; 2019. FluxTra LLC All Rights Reserved.</p>
</footer>
<!-- End Footer -->
</div>
<!-- End Wrapper -->
</body>
</html>
+5 -1
View File
@@ -16,5 +16,9 @@ Route::get('/', function () {
});
Route::get('/privacy', function () {
return view('home');
return view('privacy');
});
Route::get('/terms', function () {
return view('privacy');
});