Initial commit
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 230 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 141 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 116 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 182 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
Vendored
+33
@@ -0,0 +1,33 @@
|
||||
|
||||
/**
|
||||
* First we will load all of this project's JavaScript dependencies which
|
||||
* includes Vue and other libraries. It is a great starting point when
|
||||
* building robust, powerful web applications using Vue and Laravel.
|
||||
*/
|
||||
|
||||
require('./bootstrap');
|
||||
|
||||
window.Vue = require('vue');
|
||||
|
||||
/**
|
||||
* The following block of code may be used to automatically register your
|
||||
* Vue components. It will recursively scan this directory for the Vue
|
||||
* components and automatically register them with their "basename".
|
||||
*
|
||||
* Eg. ./components/ExampleComponent.vue -> <example-component></example-component>
|
||||
*/
|
||||
|
||||
// const files = require.context('./', true, /\.vue$/i)
|
||||
// files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default))
|
||||
|
||||
Vue.component('example-component', require('./components/ExampleComponent.vue').default);
|
||||
|
||||
/**
|
||||
* Next, we will create a fresh Vue application instance and attach it to
|
||||
* the page. Then, you may begin adding components to this application
|
||||
* or customize the JavaScript scaffolding to fit your unique needs.
|
||||
*/
|
||||
|
||||
const app = new Vue({
|
||||
el: '#app'
|
||||
});
|
||||
Vendored
+56
@@ -0,0 +1,56 @@
|
||||
|
||||
window._ = require('lodash');
|
||||
|
||||
/**
|
||||
* We'll load jQuery and the Bootstrap jQuery plugin which provides support
|
||||
* for JavaScript based Bootstrap features such as modals and tabs. This
|
||||
* code may be modified to fit the specific needs of your application.
|
||||
*/
|
||||
|
||||
try {
|
||||
window.Popper = require('popper.js').default;
|
||||
window.$ = window.jQuery = require('jquery');
|
||||
|
||||
require('bootstrap');
|
||||
} catch (e) {}
|
||||
|
||||
/**
|
||||
* We'll load the axios HTTP library which allows us to easily issue requests
|
||||
* to our Laravel back-end. This library automatically handles sending the
|
||||
* CSRF token as a header based on the value of the "XSRF" token cookie.
|
||||
*/
|
||||
|
||||
window.axios = require('axios');
|
||||
|
||||
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
|
||||
|
||||
/**
|
||||
* Next we will register the CSRF Token as a common header with Axios so that
|
||||
* all outgoing HTTP requests automatically have it attached. This is just
|
||||
* a simple convenience so we don't have to attach every token manually.
|
||||
*/
|
||||
|
||||
let token = document.head.querySelector('meta[name="csrf-token"]');
|
||||
|
||||
if (token) {
|
||||
window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
|
||||
} else {
|
||||
console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
|
||||
}
|
||||
|
||||
/**
|
||||
* Echo exposes an expressive API for subscribing to channels and listening
|
||||
* for events that are broadcast by Laravel. Echo and event broadcasting
|
||||
* allows your team to easily build robust real-time web applications.
|
||||
*/
|
||||
|
||||
// import Echo from 'laravel-echo'
|
||||
|
||||
// window.Pusher = require('pusher-js');
|
||||
|
||||
// window.Echo = new Echo({
|
||||
// broadcaster: 'pusher',
|
||||
// key: process.env.MIX_PUSHER_APP_KEY,
|
||||
// cluster: process.env.MIX_PUSHER_APP_CLUSTER,
|
||||
// encrypted: true
|
||||
// });
|
||||
@@ -0,0 +1,23 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-8">
|
||||
<div class="card card-default">
|
||||
<div class="card-header">Example Component</div>
|
||||
|
||||
<div class="card-body">
|
||||
I'm an example component.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
mounted() {
|
||||
console.log('Component mounted.')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,19 @@
|
||||
<?php
|
||||
|
||||
return [
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Authentication Language Lines
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| The following language lines are used during authentication for various
|
||||
| messages that we need to display to the user. You are free to modify
|
||||
| these language lines according to your application's requirements.
|
||||
|
|
||||
*/
|
||||
|
||||
'failed' => 'These credentials do not match our records.',
|
||||
'throttle' => 'Too many login attempts. Please try again in :seconds seconds.',
|
||||
|
||||
];
|
||||
@@ -0,0 +1,19 @@
|
||||
<?php
|
||||
|
||||
return [
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Pagination Language Lines
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| The following language lines are used by the paginator library to build
|
||||
| the simple pagination links. You are free to change them to anything
|
||||
| you want to customize your views to better match your application.
|
||||
|
|
||||
*/
|
||||
|
||||
'previous' => '« Previous',
|
||||
'next' => 'Next »',
|
||||
|
||||
];
|
||||
@@ -0,0 +1,22 @@
|
||||
<?php
|
||||
|
||||
return [
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Password Reset Language Lines
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| The following language lines are the default lines which match reasons
|
||||
| that are given by the password broker for a password update attempt
|
||||
| has failed, such as for an invalid token or invalid new password.
|
||||
|
|
||||
*/
|
||||
|
||||
'password' => 'Passwords must be at least six characters and match the confirmation.',
|
||||
'reset' => 'Your password has been reset!',
|
||||
'sent' => 'We have e-mailed your password reset link!',
|
||||
'token' => 'This password reset token is invalid.',
|
||||
'user' => "We can't find a user with that e-mail address.",
|
||||
|
||||
];
|
||||
@@ -0,0 +1,149 @@
|
||||
<?php
|
||||
|
||||
return [
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Validation Language Lines
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| The following language lines contain the default error messages used by
|
||||
| the validator class. Some of these rules have multiple versions such
|
||||
| as the size rules. Feel free to tweak each of these messages here.
|
||||
|
|
||||
*/
|
||||
|
||||
'accepted' => 'The :attribute must be accepted.',
|
||||
'active_url' => 'The :attribute is not a valid URL.',
|
||||
'after' => 'The :attribute must be a date after :date.',
|
||||
'after_or_equal' => 'The :attribute must be a date after or equal to :date.',
|
||||
'alpha' => 'The :attribute may only contain letters.',
|
||||
'alpha_dash' => 'The :attribute may only contain letters, numbers, dashes and underscores.',
|
||||
'alpha_num' => 'The :attribute may only contain letters and numbers.',
|
||||
'array' => 'The :attribute must be an array.',
|
||||
'before' => 'The :attribute must be a date before :date.',
|
||||
'before_or_equal' => 'The :attribute must be a date before or equal to :date.',
|
||||
'between' => [
|
||||
'numeric' => 'The :attribute must be between :min and :max.',
|
||||
'file' => 'The :attribute must be between :min and :max kilobytes.',
|
||||
'string' => 'The :attribute must be between :min and :max characters.',
|
||||
'array' => 'The :attribute must have between :min and :max items.',
|
||||
],
|
||||
'boolean' => 'The :attribute field must be true or false.',
|
||||
'confirmed' => 'The :attribute confirmation does not match.',
|
||||
'date' => 'The :attribute is not a valid date.',
|
||||
'date_equals' => 'The :attribute must be a date equal to :date.',
|
||||
'date_format' => 'The :attribute does not match the format :format.',
|
||||
'different' => 'The :attribute and :other must be different.',
|
||||
'digits' => 'The :attribute must be :digits digits.',
|
||||
'digits_between' => 'The :attribute must be between :min and :max digits.',
|
||||
'dimensions' => 'The :attribute has invalid image dimensions.',
|
||||
'distinct' => 'The :attribute field has a duplicate value.',
|
||||
'email' => 'The :attribute must be a valid email address.',
|
||||
'exists' => 'The selected :attribute is invalid.',
|
||||
'file' => 'The :attribute must be a file.',
|
||||
'filled' => 'The :attribute field must have a value.',
|
||||
'gt' => [
|
||||
'numeric' => 'The :attribute must be greater than :value.',
|
||||
'file' => 'The :attribute must be greater than :value kilobytes.',
|
||||
'string' => 'The :attribute must be greater than :value characters.',
|
||||
'array' => 'The :attribute must have more than :value items.',
|
||||
],
|
||||
'gte' => [
|
||||
'numeric' => 'The :attribute must be greater than or equal :value.',
|
||||
'file' => 'The :attribute must be greater than or equal :value kilobytes.',
|
||||
'string' => 'The :attribute must be greater than or equal :value characters.',
|
||||
'array' => 'The :attribute must have :value items or more.',
|
||||
],
|
||||
'image' => 'The :attribute must be an image.',
|
||||
'in' => 'The selected :attribute is invalid.',
|
||||
'in_array' => 'The :attribute field does not exist in :other.',
|
||||
'integer' => 'The :attribute must be an integer.',
|
||||
'ip' => 'The :attribute must be a valid IP address.',
|
||||
'ipv4' => 'The :attribute must be a valid IPv4 address.',
|
||||
'ipv6' => 'The :attribute must be a valid IPv6 address.',
|
||||
'json' => 'The :attribute must be a valid JSON string.',
|
||||
'lt' => [
|
||||
'numeric' => 'The :attribute must be less than :value.',
|
||||
'file' => 'The :attribute must be less than :value kilobytes.',
|
||||
'string' => 'The :attribute must be less than :value characters.',
|
||||
'array' => 'The :attribute must have less than :value items.',
|
||||
],
|
||||
'lte' => [
|
||||
'numeric' => 'The :attribute must be less than or equal :value.',
|
||||
'file' => 'The :attribute must be less than or equal :value kilobytes.',
|
||||
'string' => 'The :attribute must be less than or equal :value characters.',
|
||||
'array' => 'The :attribute must not have more than :value items.',
|
||||
],
|
||||
'max' => [
|
||||
'numeric' => 'The :attribute may not be greater than :max.',
|
||||
'file' => 'The :attribute may not be greater than :max kilobytes.',
|
||||
'string' => 'The :attribute may not be greater than :max characters.',
|
||||
'array' => 'The :attribute may not have more than :max items.',
|
||||
],
|
||||
'mimes' => 'The :attribute must be a file of type: :values.',
|
||||
'mimetypes' => 'The :attribute must be a file of type: :values.',
|
||||
'min' => [
|
||||
'numeric' => 'The :attribute must be at least :min.',
|
||||
'file' => 'The :attribute must be at least :min kilobytes.',
|
||||
'string' => 'The :attribute must be at least :min characters.',
|
||||
'array' => 'The :attribute must have at least :min items.',
|
||||
],
|
||||
'not_in' => 'The selected :attribute is invalid.',
|
||||
'not_regex' => 'The :attribute format is invalid.',
|
||||
'numeric' => 'The :attribute must be a number.',
|
||||
'present' => 'The :attribute field must be present.',
|
||||
'regex' => 'The :attribute format is invalid.',
|
||||
'required' => 'The :attribute field is required.',
|
||||
'required_if' => 'The :attribute field is required when :other is :value.',
|
||||
'required_unless' => 'The :attribute field is required unless :other is in :values.',
|
||||
'required_with' => 'The :attribute field is required when :values is present.',
|
||||
'required_with_all' => 'The :attribute field is required when :values are present.',
|
||||
'required_without' => 'The :attribute field is required when :values is not present.',
|
||||
'required_without_all' => 'The :attribute field is required when none of :values are present.',
|
||||
'same' => 'The :attribute and :other must match.',
|
||||
'size' => [
|
||||
'numeric' => 'The :attribute must be :size.',
|
||||
'file' => 'The :attribute must be :size kilobytes.',
|
||||
'string' => 'The :attribute must be :size characters.',
|
||||
'array' => 'The :attribute must contain :size items.',
|
||||
],
|
||||
'starts_with' => 'The :attribute must start with one of the following: :values',
|
||||
'string' => 'The :attribute must be a string.',
|
||||
'timezone' => 'The :attribute must be a valid zone.',
|
||||
'unique' => 'The :attribute has already been taken.',
|
||||
'uploaded' => 'The :attribute failed to upload.',
|
||||
'url' => 'The :attribute format is invalid.',
|
||||
'uuid' => 'The :attribute must be a valid UUID.',
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Custom Validation Language Lines
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| Here you may specify custom validation messages for attributes using the
|
||||
| convention "attribute.rule" to name the lines. This makes it quick to
|
||||
| specify a specific custom language line for a given attribute rule.
|
||||
|
|
||||
*/
|
||||
|
||||
'custom' => [
|
||||
'attribute-name' => [
|
||||
'rule-name' => 'custom-message',
|
||||
],
|
||||
],
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Custom Validation Attributes
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| The following language lines are used to swap our attribute placeholder
|
||||
| with something more reader friendly such as "E-Mail Address" instead
|
||||
| of "email". This simply helps us make our message more expressive.
|
||||
|
|
||||
*/
|
||||
|
||||
'attributes' => [],
|
||||
|
||||
];
|
||||
+20
@@ -0,0 +1,20 @@
|
||||
|
||||
// Body
|
||||
$body-bg: #f8fafc;
|
||||
|
||||
// Typography
|
||||
$font-family-sans-serif: "Nunito", sans-serif;
|
||||
$font-size-base: 0.9rem;
|
||||
$line-height-base: 1.6;
|
||||
|
||||
// Colors
|
||||
$blue: #3490dc;
|
||||
$indigo: #6574cd;
|
||||
$purple: #9561e2;
|
||||
$pink: #f66D9b;
|
||||
$red: #e3342f;
|
||||
$orange: #f6993f;
|
||||
$yellow: #ffed4a;
|
||||
$green: #38c172;
|
||||
$teal: #4dc0b5;
|
||||
$cyan: #6cb2eb;
|
||||
Vendored
+14
@@ -0,0 +1,14 @@
|
||||
|
||||
// Fonts
|
||||
@import url('https://fonts.googleapis.com/css?family=Nunito');
|
||||
|
||||
// Variables
|
||||
@import 'variables';
|
||||
|
||||
// Bootstrap
|
||||
@import '~bootstrap/scss/bootstrap';
|
||||
|
||||
.navbar-laravel {
|
||||
background-color: #fff;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
@@ -0,0 +1,712 @@
|
||||
|
||||
|
||||
<!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="http://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">Home</a></li>
|
||||
<li><a href="#features">Features</a></li>
|
||||
<li><a href="#screenshots">Screenshots</a></li>
|
||||
<li><a href="#updates">Updates</a></li>
|
||||
<li><a href="#press">Press</a></li>
|
||||
<li><a href="#team">Team</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
<li>
|
||||
<a href="#styles">Styles</a>
|
||||
<!-- Drop down menu
|
||||
<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="#" 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="http://player.vimeo.com/video/40738306?title=0&byline=0&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="http://player.vimeo.com/video/40603475?title=0&byline=0&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">Measure Stuff</h2>
|
||||
<p>Donec sed odio dui. Nullam id dolor id nibh ultricies vehicula ut id elit. Donec sed odio dui. Nullam id dolor. Nulla vitae elit libero, a pharetra augue. Nullam quis</p>
|
||||
</div>
|
||||
|
||||
<div class="one_half column_last">
|
||||
<h2 class="icon cart">Buy Things</h2>
|
||||
<p>Donec sed odio dui. Nullam id dolor id nibh ultricies vehicula ut id elit. Donec sed odio dui. Nullam id dolor. Nulla vitae elit libero, a pharetra augue. Nullam quis</p>
|
||||
</div>
|
||||
|
||||
<div class="one_half">
|
||||
<h2 class="icon pencil">Write Things Down</h2>
|
||||
<p>Donec sed odio dui. Nullam id dolor id nibh ultricies vehicula ut id elit. Donec sed odio dui. Nullam id dolor. Nulla vitae elit libero, a pharetra augue. Nullam quis</p>
|
||||
</div>
|
||||
|
||||
<div class="one_half column_last">
|
||||
<h2 class="icon graph">Check Stats</h2>
|
||||
<p>Donec sed odio dui. Nullam id dolor id nibh ultricies vehicula ut id elit. Donec sed odio dui. Nullam id dolor. Nulla vitae elit libero, a pharetra augue. Nullam quis</p>
|
||||
</div>
|
||||
|
||||
<div class="one_half">
|
||||
<h2 class="icon briefcase">Get Stuff Done</h2>
|
||||
<p>Donec sed odio dui. Nullam id dolor id nibh ultricies vehicula ut id elit. Donec sed odio dui. Nullam id dolor. Nulla vitae elit libero, a pharetra augue. Nullam quis</p>
|
||||
</div>
|
||||
|
||||
<div class="one_half column_last">
|
||||
<h2 class="icon help">Help & Support</h2>
|
||||
<p>Donec sed odio dui. Nullam id dolor id nibh ultricies vehicula ut id elit. Donec sed odio dui. Nullam id dolor. Nulla vitae elit libero, a pharetra augue. Nullam quis</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 & 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 & 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 you’ve ever seen!"</p>
|
||||
<address>
|
||||
Jane Doe
|
||||
<a href="#">http://website.com →</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 →</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 →</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 →</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 →</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 →" />
|
||||
</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 © 2019. FluxTra LLC All Rights Reserved.</p>
|
||||
</footer>
|
||||
<!-- End Footer -->
|
||||
|
||||
</div>
|
||||
<!-- End Wrapper -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,377 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--- Basic Page Needs -->
|
||||
<meta charset="utf-8">
|
||||
<title>Apps Vission</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="keywords" content="">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- Mobile Specific Meta -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<!-- Google Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Montserrat|Raleway:300,400,600,700" rel="stylesheet">
|
||||
|
||||
<!-- CSS -->
|
||||
<link rel="stylesheet" href="css/animate.min.css">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="css/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="css/owl.theme.min.css">
|
||||
<link rel="stylesheet" href="css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="css/default.css">
|
||||
<link rel="stylesheet" href="css/typography.css">
|
||||
<link rel="stylesheet" href="css/style.blue.css">
|
||||
<link rel="stylesheet" href="css/responsive-blue.css">
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="shortcut icon" type="image/png" href="img/logo-sm.png">
|
||||
|
||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body data-spy="scroll" data-target="#scroll-menu" data-offset="120" class="blue">
|
||||
<!-- Preloader Starts -->
|
||||
<div class="preloader-area">
|
||||
<div class="preloader-inner">
|
||||
<div class="preloader">
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preloader Ends -->
|
||||
<!-- Header Area Starts -->
|
||||
<header id="home">
|
||||
<div class="navbar-area">
|
||||
<nav class="navbar navbar-default navbar-fixed-top wow fadeInDown" data-wow-delay="0.2s" id="scroll-menu">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="index.html"><img src="img/logo.png" alt="MobileApp"></a>
|
||||
</div>
|
||||
<div id="navbar" class="navbar-collapse collapse">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li class="active"><a href="#home" class="smoothscroll">HOME</a></li>
|
||||
<li><a href="#feature" class="smoothscroll">FEATURE</a></li>
|
||||
<li><a href="#pricing" class="smoothscroll">PRICING</a></li>
|
||||
<li><a href="#download" class="smoothscroll">DOWNLOAD</a></li>
|
||||
<li><a href="#contact" class="smoothscroll">CONTACT</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header Area Ends -->
|
||||
|
||||
<!-- Hero Area Starts -->
|
||||
<div class="hero-area">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-3">
|
||||
<div class="hero-caption">
|
||||
<div class="hero-caption-inner">
|
||||
<p class="sublead wow fadeInDown" data-wow-delay="1s">Idea</p>
|
||||
<h1 class="lead"></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-9">
|
||||
<div class="tab-carousel-area">
|
||||
<div class="tab-carousel-inner">
|
||||
<div class="tab-carousel-box">
|
||||
<div class="tab-carousel-caption">
|
||||
<div class="app-icon"><img src="img/app-icon.png" alt="App Icon"></div>
|
||||
<h2 class="caption-title">VISION</h2>
|
||||
<p class="caption-subtitle">CREATIVE APP</p>
|
||||
<p class="carousel-text">An app to showcase mobile app portfolio in devio psd web template.</p>
|
||||
<div class="store-icon">
|
||||
<a href="#"><img src="img/app-store.png" alt="Apple"></a>
|
||||
<a href="#"><img src="img/google-store.png" alt="Google Play"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tab-slide" class="owl-carousel owl-theme tab-slide wow fadeIn" data-wow-delay="0.2s">
|
||||
<div class="item"><img src="img/tab-slide-1.png" alt="Tab Slide"></div>
|
||||
<div class="item"><img src="img/tab-slide-2.png" alt="Tab Slide"></div>
|
||||
<div class="item"><img src="img/tab-slide-3.png" alt="Tab Slide"></div>
|
||||
<div class="item"><img src="img/tab-slide-4.png" alt="Tab Slide"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Hero Area Ends -->
|
||||
|
||||
<!-- Apps Feature Area Starts -->
|
||||
<div id="feature" class="feature-area inner-padding">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div class="section-title text-center wow fadeInDown">
|
||||
<span>APPS THE FEATURES</span>
|
||||
<h2>Quality control is out motto</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-md-4">
|
||||
<div data-value="tab-1" class="single-feature-item text-right active wow fadeInUp">
|
||||
<h4>CLEAN DESIGN</h4>
|
||||
<p>Lorem ipsum dolor site amet, consectetur adipisicing elit, sed do eiusmod tempor incididut ut.</p>
|
||||
</div>
|
||||
<div data-value="tab-2" class="single-feature-item text-right wow fadeInUp">
|
||||
<h4>DECREASING TRAFFIC</h4>
|
||||
<p>Lorem ipsum dolor site amet, consectetur adipisicing elit, sed do eiusmod tempor incididut ut.</p>
|
||||
</div>
|
||||
<div data-value="tab-3" class="single-feature-item text-right wow fadeInUp">
|
||||
<h4>RESPONSIVE DESIGN</h4>
|
||||
<p>Lorem ipsum dolor site amet, consectetur adipisicing elit, sed do eiusmod tempor incididut ut.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-4">
|
||||
<div class="single-feature-slide">
|
||||
<img id="tab-1" class="tab-img active" src="img/mobile-slide-1.png" alt="Feature Slide">
|
||||
<img id="tab-2" class="tab-img" src="img/mobile-slide-2.png" alt="Feature Slide">
|
||||
<img id="tab-3" class="tab-img" src="img/mobile-slide-3.png" alt="Feature Slide">
|
||||
<img id="tab-4" class="tab-img" src="img/mobile-slide-4.png" alt="Feature Slide">
|
||||
<img id="tab-5" class="tab-img" src="img/mobile-slide-5.png" alt="Feature Slide">
|
||||
<img id="tab-6" class="tab-img" src="img/mobile-slide-6.png" alt="Feature Slide">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-4">
|
||||
<div data-value="tab-4" class="single-feature-item wow fadeInUp">
|
||||
<h4>BEST WEB SUPPORT</h4>
|
||||
<p>Lorem ipsum dolor site amet, consectetur adipisicing elit, sed do eiusmod tempor incididut ut.</p>
|
||||
</div>
|
||||
<div data-value="tab-5" class="single-feature-item wow fadeInUp">
|
||||
<h4>24/7 LIVE SUPPORT</h4>
|
||||
<p>Lorem ipsum dolor site amet, consectetur adipisicing elit, sed do eiusmod tempor incididut ut.</p>
|
||||
</div>
|
||||
<div data-value="tab-6" class="single-feature-item wow fadeInUp">
|
||||
<h4>QUALITY DESIGN</h4>
|
||||
<p>Lorem ipsum dolor site amet, consectetur adipisicing elit, sed do eiusmod tempor incididut ut.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Apps Feature Area Ends -->
|
||||
|
||||
<!-- Pricing Area Starts -->
|
||||
<div id="pricing" class="pricing-area inner-padding bg-light">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-md-5">
|
||||
<div class="section-title title-left wow fadeInDown">
|
||||
<span class="small">GREAT PRICING PLAN</span>
|
||||
<h2>Reiable best and what you need</h2>
|
||||
</div>
|
||||
<div class="pricing-content">
|
||||
<p class="pill-title">You Are</p>
|
||||
<ul class="pricing-pill wow fadeIn">
|
||||
<li class="active" data-value="individual"><span>Individual</span></li>
|
||||
<li data-value="company"><span>Company</span></li>
|
||||
</ul>
|
||||
<p class="wow fadeIn">Thus much I thought proper to tell you in relation to yourself, and to the trust I reposed in you.</p>
|
||||
<p class="fade-text wow fadeIn">Have a bigger team? <a href="#">Let‘s talk</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-7">
|
||||
<ul class="pricing-table wow slideInRight">
|
||||
<li id="individual" class="active">
|
||||
<h2 class="lead">Starter</h2>
|
||||
<span class="price-tag">Free</span>
|
||||
<h4 class="sublead">Build your schedule <br> every day</h4>
|
||||
<ul class="pricing-list">
|
||||
<li><p>Unlimeted events</p></li>
|
||||
<li><p>Connect Dropbox & Evernote</p></li>
|
||||
<li><p>Personal Assistant</p></li>
|
||||
</ul>
|
||||
<a href="#" class="btn btn-default btn-outline-blue">Get Started</a>
|
||||
</li>
|
||||
<li id="company">
|
||||
<h2 class="lead">Pro</h2>
|
||||
<span class="price-tag">$4.99</span>
|
||||
<h4 class="sublead">Make your life <br> better</h4>
|
||||
<ul class="pricing-list">
|
||||
<li><p>Unlimeted events</p></li>
|
||||
<li><p>Connect Dropbox & Evernote</p></li>
|
||||
<li><p>Personal Assistant</p></li>
|
||||
</ul>
|
||||
<a href="#" class="btn btn-default btn-outline-blue">Make me a Pro</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Pricing Area Ends -->
|
||||
|
||||
<!-- Subscribe Area Starts -->
|
||||
<div class="subscribe-area inner-padding">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-6 col-sm-offset-3 text-center wow fadeInUp">
|
||||
<h4>300000+ people using now NXO</h4>
|
||||
<form action="#">
|
||||
<p><input type="email" class="form-control form-subscribe" name="email" placeholder="Email to subscribe"></p>
|
||||
<button class="btn btn-default btn-fill-blue">Subscribe</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Subscribe Area Ends -->
|
||||
|
||||
<!-- Download App Area Starts -->
|
||||
<div id="download" class="download-area inner-padding">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div class="section-title-2 wow fadeInDown">
|
||||
<h2>Get this Application</h2>
|
||||
<span>Swip . Get Matched . Connect</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12 text-center">
|
||||
<div class="store-icon wow fadeIn">
|
||||
<a href="#"><img src="img/app-store.png" alt="Apple"></a>
|
||||
<a href="#"><img src="img/google-store.png" alt="Google Play"></a>
|
||||
<a href="#"><img src="img/windows-store.png" alt="Windows"></a>
|
||||
<a href="#"><img src="img/amazon-store.png" alt="Amazon"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div class="download-app text-center wow fadeIn">
|
||||
<img src="img/mobile-slide-2.png" alt="Mobile Slide">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Download App Area Ends -->
|
||||
|
||||
<!-- Footer Area Starts -->
|
||||
<footer>
|
||||
<div id="contact" class="footer-area">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div class="footer-logo">
|
||||
<h2>APPS <span class="thin">VISSION</span></h2>
|
||||
<p>APPSVISION IS THE BEAUTIFUL WAY TO PRESENT YOUR APP</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-md-5">
|
||||
<div class="footer-box">
|
||||
<h2>CREATIVE APP FOR YOUR EASY LIFE</h2>
|
||||
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-1 hidden-xs hidden-sm"></div>
|
||||
<div class="col-xs-12 col-sm-4 col-md-2">
|
||||
<div class="footer-box">
|
||||
<h4>Learn More</h4>
|
||||
<ul class="footer-menu">
|
||||
<li><a href="#">How it works?</a></li>
|
||||
<li><a href="#">Meeting tools</a></li>
|
||||
<li><a href="#">Live striming</a></li>
|
||||
<li><a href="#">Contact method</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-4 col-md-2">
|
||||
<div class="footer-box">
|
||||
<h4>About Us</h4>
|
||||
<ul class="footer-menu">
|
||||
<li><a href="#">About us</a></li>
|
||||
<li><a href="#">Features</a></li>
|
||||
<li><a href="#">Privacy police</a></li>
|
||||
<li><a href="#">Terms & Conditions</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-4 col-md-2">
|
||||
<div class="footer-box">
|
||||
<h4>Support</h4>
|
||||
<ul class="footer-menu">
|
||||
<li><a href="#">F.A.Q.</a></li>
|
||||
<li><a href="#">Contact us</a></li>
|
||||
<li><a href="#">Live chat</a></li>
|
||||
<li><a href="#">Phone call</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-5">
|
||||
<div class="download-link">
|
||||
<p><a href="#" class="btn btn-default btn-fill-blue">Download Now</a></p>
|
||||
<span>Available in:</span>
|
||||
<a href="#"><i class="fa fa-android fa-2x"></i></a>
|
||||
<a href="#"><i class="fa fa-apple fa-2x"></i></a>
|
||||
<a href="#"><i class="fa fa-windows fa-2x"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-3 hidden-xs"></div>
|
||||
<div class="col-xs-12 col-sm-4">
|
||||
<div class="contact-content">
|
||||
<div class="vr-title-area">
|
||||
<h4>Contact Us</h4>
|
||||
</div>
|
||||
<h3>APPS <span class="thin">VISSION</span></h3>
|
||||
<p>Email :yourmail@gmail.com</p>
|
||||
<p>Phone : +89 883 3435 343</p>
|
||||
<ul class="social-icon">
|
||||
<li><a href="#" data-toggle="tooltip" data-placement="bottom" title="Facebook"><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" data-placement="bottom" title="Twitter"><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" data-placement="bottom" title="Behance"><i class="fa fa-behance"></i></a></li>
|
||||
<li><a href="#" data-toggle="tooltip" data-placement="bottom" title="YouTube"><i class="fa fa-youtube"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright-area">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-md-6 col-md-offset-6">
|
||||
<span>Copyright ©2016. All right reserved to <a href="http://craftytheme.com" target="_blank">craftytheme.com</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- Footer Area Ends -->
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="js/jquery-1.11.3.min.js"></script>
|
||||
<script src="js/wow.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/owl.carousel.min.js"></script>
|
||||
<script src="js/typed.min.js"></script>
|
||||
<script src="js/theme.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,98 @@
|
||||
<!doctype html>
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Laravel</title>
|
||||
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet" type="text/css">
|
||||
|
||||
<!-- Styles -->
|
||||
<style>
|
||||
html, body {
|
||||
background-color: #fff;
|
||||
color: #636b6f;
|
||||
font-family: 'Nunito', sans-serif;
|
||||
font-weight: 200;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.full-height {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.flex-center {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.position-ref {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.top-right {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 18px;
|
||||
}
|
||||
|
||||
.content {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 84px;
|
||||
}
|
||||
|
||||
.links > a {
|
||||
color: #636b6f;
|
||||
padding: 0 25px;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
letter-spacing: .1rem;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.m-b-md {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="flex-center position-ref full-height">
|
||||
@if (Route::has('login'))
|
||||
<div class="top-right links">
|
||||
@auth
|
||||
<a href="{{ url('/home') }}">Home</a>
|
||||
@else
|
||||
<a href="{{ route('login') }}">Login</a>
|
||||
|
||||
@if (Route::has('register'))
|
||||
<a href="{{ route('register') }}">Register</a>
|
||||
@endif
|
||||
@endauth
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="content">
|
||||
<div class="title m-b-md">
|
||||
Laravel
|
||||
</div>
|
||||
|
||||
<div class="links">
|
||||
<a href="https://laravel.com/docs">Documentation</a>
|
||||
<a href="https://laracasts.com">Laracasts</a>
|
||||
<a href="https://laravel-news.com">News</a>
|
||||
<a href="https://nova.laravel.com">Nova</a>
|
||||
<a href="https://forge.laravel.com">Forge</a>
|
||||
<a href="https://github.com/laravel/laravel">GitHub</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user