572 lines
33 KiB
HTML
572 lines
33 KiB
HTML
<!doctype html>
|
|
<!--[if lte IE 9]> <html class="lte-ie9" lang="en"> <![endif]-->
|
|
<!--[if gt IE 9]><!--> <html lang="en"> <!--<![endif]-->
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no,width=device-width">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<!-- Remove Tap Highlight on Windows Phone IE -->
|
|
<meta name="msapplication-tap-highlight" content="no"/>
|
|
|
|
<link rel="icon" type="image/png" href="assets/img/favicon-16x16.png" sizes="16x16">
|
|
<link rel="icon" type="image/png" href="assets/img/favicon-32x32.png" sizes="32x32">
|
|
|
|
<title>Altair Admin Landing Page</title>
|
|
|
|
<!-- uikit -->
|
|
<link rel="stylesheet" href="bower_components/uikit/css/uikit.almost-flat.min.css" media="all">
|
|
|
|
<!-- altair landing page -->
|
|
<link rel="stylesheet" href="assets/css/main.css" media="all">
|
|
|
|
<!-- matchMedia polyfill for testing media queries in JS -->
|
|
<!--[if lte IE 9]>
|
|
<script type="text/javascript" src="bower_components/matchMedia/matchMedia.js"></script>
|
|
<script type="text/javascript" src="bower_components/matchMedia/matchMedia.addListener.js"></script>
|
|
<![endif]-->
|
|
</head>
|
|
<body>
|
|
<!-- navigation -->
|
|
<header id="header_main">
|
|
<nav class="uk-navbar">
|
|
<div class="uk-container uk-container-center">
|
|
<a href="#" class="uk-float-left" id="mobile_navigation_toggle" data-uk-offcanvas="{target:'#mobile_navigation'}"><i class="material-icons"></i></a>
|
|
<a href="/" class="uk-navbar-brand">
|
|
<img src="assets/img/logo_main.png" alt="" width="71" height="15">
|
|
</a>
|
|
<a href="http://themeforest.net/item/altair-material-design-premium-template/12190654?ref=tzd" class="md-btn md-btn-primary uk-navbar-flip header_cta uk-margin-left">Verbinden</a>
|
|
<div class="uk-navbar-flip">
|
|
<ul class="uk-navbar-nav" id="main_navigation">
|
|
<li>
|
|
<a href="#sect-overview">
|
|
Overview
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#sect-features">
|
|
Features
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#sect-faq">
|
|
FAQ
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#sect-pricing" class="uk-navbar-nav-subtitle">
|
|
Pricing
|
|
<div>Find the perfect plan</div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<div id="mobile_navigation" class="uk-offcanvas">
|
|
<div class="uk-offcanvas-bar">
|
|
<ul>
|
|
<li>
|
|
<a href="#sect-overview" data-uk-smooth-scroll="{offset: 48}">
|
|
<span class="menu_icon"><i class="material-icons"></i></span>
|
|
<span class="menu_title">Overview</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#sect-features" data-uk-smooth-scroll="{offset: 48}">
|
|
<span class="menu_icon"><i class="material-icons"></i></span>
|
|
<span class="menu_title">Features</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#sect-gallery" data-uk-smooth-scroll="{offset: 48}">
|
|
<span class="menu_icon"><i class="material-icons"></i></span>
|
|
<span class="menu_title">Gallery</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#sect-pricing" class="uk-navbar-nav-subtitle" data-uk-smooth-scroll="{offset: 48}">
|
|
<span class="menu_icon"><i class="material-icons"></i></span>
|
|
<span class="menu_title">Pricing<small>Find the perfect plan</small></span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<section class="banner" id="sect-overview">
|
|
<div data-uk-slideshow="{animation: 'swipe'}" data-uk-parallax="{yp: '25', velocity: '0.4'}">
|
|
<ul class="uk-slideshow">
|
|
<li style="background-image: url('assets/img/slider/car.jpg')">
|
|
<div class="uk-container uk-container-center">
|
|
<div class="slide_content_a">
|
|
<h2 class="slide_header">Slide Heading</h2>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab aliquid aperiam culpa
|
|
dolore enim eos esse harum officia pariatur porro quas quia, quidem saepe similique
|
|
tempora. Maxime molestias odio voluptate.
|
|
</p>
|
|
<a href="http://themeforest.net/item/altair-material-design-premium-template/12190654?ref=tzd" class="md-btn md-btn-large md-btn-danger">Purchase NOW!</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li style="background-image: url('assets/img/slider/stats.jpg')">
|
|
<div class="uk-container uk-container-center">
|
|
<div class="slide_content_c">
|
|
<h2 class="slide_header">Slide Heading</h2>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, alias animi commodi consequatur doloremque dolorum, eligendi exercitationem id illo illum inventore neque nobis odio perspiciatis quibusdam quis sunt unde voluptatibus?
|
|
</p>
|
|
<a href="#" class="md-btn md-btn-large md-btn-success">CTA Button</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li style="background-image: url('assets/img/slider/paintings.jpg')">
|
|
<div class="uk-container uk-container-center">
|
|
<div class="slide_content_b">
|
|
<h2 class="slide_header">Slide Heading</h2>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, alias animi commodi consequatur doloremque dolorum, eligendi exercitationem id illo illum inventore neque nobis odio perspiciatis quibusdam quis sunt unde voluptatibus?
|
|
</p>
|
|
<a href="#" class="md-btn md-btn-large">CTA Button</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<div class="slide_navigation">
|
|
<a href="" class="uk-slidenav uk-slidenav-previous" data-uk-slideshow-item="previous"></a>
|
|
<a href="" class="uk-slidenav uk-slidenav-next" data-uk-slideshow-item="next"></a>
|
|
<ul class="uk-dotnav uk-dotnav-contrast uk-position-bottom uk-flex-center">
|
|
<li data-uk-slideshow-item="0"><a href=""></a></li>
|
|
<li data-uk-slideshow-item="1"><a href=""></a></li>
|
|
<li data-uk-slideshow-item="2"><a href=""></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section section_dark md-bg-indigo-700">
|
|
<div class="uk-container uk-container-center animate" data-uk-scrollspy="{cls:'uk-animation-slide-right animated',target:'> *',delay:300}">
|
|
<h2 class="heading_a heading_light uk-text-center-medium">
|
|
Willkommen auf dem SEND.NRW Matrix Server!
|
|
<span class="sub-heading">
|
|
Dieser Server ist nur mit valider E-Mail zugänglich. Nutzen Sie öffentliche Spaces, senden Direktnachrichten oder laden Freunde in eigene private Spaces ein!
|
|
</span>
|
|
</h2>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section section_large" id="sect-features">
|
|
<div class="uk-container uk-container-center">
|
|
<div class="uk-grid">
|
|
<div class="uk-width-large-3-5 uk-container-center uk-text-center">
|
|
<h2 class="heading_b">
|
|
Funktionen
|
|
<span class="sub-heading">Unser Matrix Server legt besonderen Wert auf die Privatsphäre und Sicherheit Ihrer Daten. Hier sind einige der Funktionen, die Sie erwarten können:</span>
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
<div class="uk-grid uk-grid-width-1-2 uk-grid-width-medium-1-3 uk-grid-width-large-1-5 animate" data-uk-scrollspy="{cls:'uk-animation-slide-bottom animated',target:'> *',delay:300,topoffset:-100}">
|
|
<div class="uk-margin-top">
|
|
<div class="uk-text-center uk-margin-bottom">
|
|
<i class="material-icons icon_large icon_dark"></i>
|
|
</div>
|
|
<h3 class="heading_c uk-text-center">Kostenfrei</h3>
|
|
<p>Kosten sollten keine Bedingung für Privatsphäre sein. Hier erwarten Sie keine Überraschungen.</p>
|
|
</div>
|
|
<div class="uk-margin-top">
|
|
<div class="uk-text-center uk-margin-bottom">
|
|
<i class="material-icons icon_large icon_dark"></i>
|
|
</div>
|
|
<h3 class="heading_c uk-text-center">Privatsphäre</h3>
|
|
<p>Wir analysieren keine Daten, oder verkaufen diese an Datenbroker oder ähnliches.</p>
|
|
</div>
|
|
<div class="uk-margin-top">
|
|
<div class="uk-text-center uk-margin-bottom">
|
|
<i class="material-icons icon_large icon_dark"></i>
|
|
</div>
|
|
<h3 class="heading_c uk-text-center">Ihr Client</h3>
|
|
<p>Verwenden Sie jeden Matrix kompatiblen Client, den Sie möchten. Wir unterstützen alle.</p>
|
|
</div>
|
|
<div class="uk-margin-top">
|
|
<div class="uk-text-center uk-margin-bottom">
|
|
<i class="material-icons icon_large icon_dark"></i>
|
|
</div>
|
|
<h3 class="heading_c uk-text-center">Web-Client</h3>
|
|
<p>Sie möchten keinen Client? Kein Problem! Unser Web-Client ist einfach und benutzerfreundlich.</p>
|
|
</div>
|
|
<div class="uk-margin-top">
|
|
<div class="uk-text-center uk-margin-bottom">
|
|
<i class="material-icons icon_large icon_dark"></i>
|
|
</div>
|
|
<h3 class="heading_c uk-text-center">Kein Tracking</h3>
|
|
<p>Wir verwenden keine der Daten. Auch nicht für Eigenwerbung oder Statistiken. Wir respektieren Ihre Privatsphäre.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!--<section class="section" id="sect-pricing">
|
|
<div class="uk-container uk-container-center">
|
|
<h2 class="heading_b uk-margin-bottom uk-text-center">
|
|
Find the <span class="md-color-light-green-500">perfect plan</span> for your business
|
|
</h2>
|
|
<div class="pricing_table pricing_table_a uk-grid uk-grid-small uk-grid-width-medium-1-2 uk-grid-width-large-1-4 animate" data-uk-grid-match="{target:'.md-card-content'}" data-uk-scrollspy="{cls:'uk-animation-slide-bottom animated',target:'> *',delay:300,topoffset:-100}">
|
|
<div class="uk-margin-top">
|
|
<div class="md-card">
|
|
<div class="md-card-content padding-reset">
|
|
<div class="pricing_table_plan md-bg-grey-500 md-color-white">Plan 1</div>
|
|
<div class="pricing_table_price">
|
|
<span class="currency">$</span>0
|
|
<span class="period">monthly</span>
|
|
</div>
|
|
<ul class="pricing_table_features">
|
|
<li><strong>512MB</strong> Memory</li>
|
|
<li><strong>1 Core</strong> Processor</li>
|
|
<li><strong>20GB</strong> SSD Disk</li>
|
|
<li><strong>1TB</strong> Transfer</li>
|
|
</ul>
|
|
<div class="pricing_table_select">
|
|
<a href="#" class="md-btn md-btn-large">Get it now</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="uk-margin-top">
|
|
<div class="md-card">
|
|
<div class="md-card-content padding-reset">
|
|
<div class="pricing_table_plan md-bg-grey-500 md-color-white">Plan 2</div>
|
|
<div class="pricing_table_price">
|
|
<span class="currency">$</span>20
|
|
<span class="period">monthly</span>
|
|
</div>
|
|
<ul class="pricing_table_features">
|
|
<li><strong>1 GB</strong> Memory</li>
|
|
<li><strong>1 Core</strong> Processor</li>
|
|
<li><strong>30GB</strong> SSD Disk</li>
|
|
<li><strong>2TB</strong> Transfer</li>
|
|
</ul>
|
|
<div class="pricing_table_select">
|
|
<a href="#" class="md-btn md-btn-large">Get it now</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="uk-margin-top">
|
|
<div class="md-card">
|
|
<div class="md-card-content padding-reset">
|
|
<div class="pricing_table_plan md-bg-light-green-500 md-color-white">Plan 3</div>
|
|
<div class="pricing_table_price">
|
|
<span class="currency">$</span>40
|
|
<span class="period">monthly</span>
|
|
</div>
|
|
<ul class="pricing_table_features">
|
|
<li><strong>4 GB</strong> Memory</li>
|
|
<li><strong>2 Core</strong> Processor</li>
|
|
<li><strong>60GB</strong> SSD Disk</li>
|
|
<li><strong>4TB</strong> Transfer</li>
|
|
</ul>
|
|
<div class="pricing_table_select">
|
|
<a href="#" class="md-btn md-btn-large md-btn-success">Get it now</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="uk-margin-top">
|
|
<div class="md-card">
|
|
<div class="md-card-content padding-reset">
|
|
<div class="pricing_table_plan md-bg-grey-500 md-color-white">Plan 4</div>
|
|
<div class="pricing_table_price">
|
|
<span class="currency">$</span>80
|
|
<span class="period">monthly</span>
|
|
</div>
|
|
<ul class="pricing_table_features">
|
|
<li><strong>8 GB</strong> Memory</li>
|
|
<li><strong>4 Core</strong> Processor</li>
|
|
<li><strong>100GB</strong> SSD Disk</li>
|
|
<li><strong>5TB</strong> Transfer</li>
|
|
</ul>
|
|
<div class="pricing_table_select">
|
|
<a href="#" class="md-btn md-btn-large">Get it now</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>-->
|
|
<hr>
|
|
<section class="section" id="sect-faq">
|
|
<div class="uk-container uk-container-center">
|
|
<div class="uk-grid" data-uk-grid-margin>
|
|
<div class="uk-width-large-1-3 uk-invisible" data-uk-scrollspy="{cls:'uk-animation-slide-left uk-invisible',delay:400,topoffset:-100}">
|
|
<h3 class="heading_c"><i class="material-icons md-36"></i> Fragen und Antworten</h3>
|
|
<p>Vertrauen muss man sich verdienen und das gelingt nur, wenn man sich auch mit Fragen und Antworten beschäftigt. Hier findest du die häufigsten gestellten Fragen zu diesem Service.</p>
|
|
<p>Haben Sie weitere Fragen? Besuchen Sie unseren Fragen und Antworten Space auf dem Matrix Server.</p>
|
|
</div>
|
|
<div class="uk-width-large-2-3 uk-invisible" data-uk-scrollspy="{cls:'uk-animation-slide-right uk-invisible',delay:800,topoffset:-100}">
|
|
<div class="uk-accordion" data-uk-accordion>
|
|
<h3 class="uk-accordion-title">Wie kann ich mich registrieren?</h3>
|
|
<div class="uk-accordion-content">
|
|
<p>Sie benötigen einen <a href="https://matrix.org/ecosystem/clients/">Client</a> oder verwenden unseren <a href="https://matrix-web.send.nrw/#/register">Web-Client</a> und geben Sie Ihren Benutzernamen, ein Passwort und eine valide Email-Adresse ein, um sich zu registrieren. Sie erhalten eine Bestätigungsemail, die Sie bestätigen müssen, bevor Sie sich anmelden können.</p>
|
|
</div>
|
|
<h3 class="uk-accordion-title">DO YOU SELL DOMAINS?</h3>
|
|
<div class="uk-accordion-content">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
|
</div>
|
|
<h3 class="uk-accordion-title">DO YOU OFFER EMAIL ACCOUNTS?</h3>
|
|
<div class="uk-accordion-content">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
|
</div>
|
|
<h3 class="uk-accordion-title">HOW DO I SIGN UP?</h3>
|
|
<div class="uk-accordion-content">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
|
</div>
|
|
<h3 class="uk-accordion-title">IS THERE A DISCOUNT FOR YEARLY SERVICE?</h3>
|
|
<div class="uk-accordion-content">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
|
</div>
|
|
<h3 class="uk-accordion-title">HOW LONG ARE YOUR CONTRACTS?</h3>
|
|
<div class="uk-accordion-content">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
|
</div>
|
|
<h3 class="uk-accordion-title">HAVE MORE QUESTIONS?</h3>
|
|
<div class="uk-accordion-content">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section md-bg-blue-grey-50" id="sect-team">
|
|
<div class="uk-container uk-container-center uk-invisible" data-uk-scrollspy="{cls:'uk-animation-scale-up uk-invisible',delay:300,topoffset:-100}">
|
|
<div class="uk-grid uk-margin-large-bottom">
|
|
<div class="uk-width-large-3-5 uk-container-center uk-text-center">
|
|
<h2 class="heading_b">
|
|
Our Team
|
|
<span class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
<div class="uk-tab-center uk-margin-medium-bottom">
|
|
<ul class="uk-tab uk-tab-large" data-uk-tab="{connect:'#team_tabbed',animation: 'slide-bottom'}">
|
|
<li class="uk-active"><a href="#">Developers</a></li>
|
|
<li><a href="#">Sales</a></li>
|
|
<li><a href="#">Marketing</a></li>
|
|
</ul>
|
|
</div>
|
|
<ul id="team_tabbed" class="uk-switcher uk-margin">
|
|
<li>
|
|
<div class="uk-grid uk-grid-medium uk-grid-width-small-1-2 uk-grid-width-medium-1-3 uk-grid-width-large-1-4" data-uk-grid-margin>
|
|
<div>
|
|
<div class="md-card">
|
|
<div class="md-card-head md-bg-light-blue-600">
|
|
<div class="uk-text-center">
|
|
<img class="md-card-head-avatar" src="assets/img/avatars/avatar_07.png" alt=""/>
|
|
</div>
|
|
<h3 class="md-card-head-text uk-text-center md-color-white">
|
|
Darion Brekke
|
|
<span class="uk-text-truncate">PHP, MYSQL, NODEJS</span>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="md-card">
|
|
<div class="md-card-head">
|
|
<div class="uk-text-center">
|
|
<img class="md-card-head-avatar" src="assets/img/avatars/avatar_05.png" alt=""/>
|
|
</div>
|
|
<h3 class="md-card-head-text uk-text-center">
|
|
Charles Lesch
|
|
<span class="uk-text-truncate">HTML, CSS, JS</span>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="md-card">
|
|
<div class="md-card-head">
|
|
<div class="uk-text-center">
|
|
<img class="md-card-head-avatar" src="assets/img/avatars/avatar_09.png" alt=""/>
|
|
</div>
|
|
<h3 class="md-card-head-text uk-text-center">
|
|
Viva Ankunding
|
|
<span class="uk-text-truncate">JAVA, C++, ANDROID</span>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="uk-grid uk-grid-medium uk-grid-width-small-1-2 uk-grid-width-medium-1-3 uk-grid-width-large-1-4" data-uk-grid-margin>
|
|
<div>
|
|
<div class="md-card">
|
|
<div class="md-card-head">
|
|
<div class="uk-text-center">
|
|
<img class="md-card-head-avatar" src="assets/img/avatars/avatar_06.png" alt=""/>
|
|
</div>
|
|
<h3 class="md-card-head-text uk-text-center">
|
|
Randi Tromp
|
|
<span class="uk-text-truncate"><i class="material-icons"></i> 123-456-789</span>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="md-card">
|
|
<div class="md-card-head">
|
|
<div class="uk-text-center">
|
|
<img class="md-card-head-avatar" src="assets/img/avatars/avatar_10.png" alt=""/>
|
|
</div>
|
|
<h3 class="md-card-head-text uk-text-center">
|
|
Felix Wiza Jr.
|
|
<span class="uk-text-truncate"><i class="material-icons"></i> 123-456-789</span>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="md-card">
|
|
<div class="md-card-head">
|
|
<div class="uk-text-center">
|
|
<img class="md-card-head-avatar" src="assets/img/avatars/avatar_12.png" alt=""/>
|
|
</div>
|
|
<h3 class="md-card-head-text uk-text-center">
|
|
Libby Harvey Sr.
|
|
<span class="uk-text-truncate"><i class="material-icons"></i> 123-456-789</span>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="uk-grid uk-grid-medium uk-grid-width-small-1-2 uk-grid-width-medium-1-3 uk-grid-width-large-1-4" data-uk-grid-margin>
|
|
<div>
|
|
<div class="md-card">
|
|
<div class="md-card-head">
|
|
<div class="uk-text-center">
|
|
<img class="md-card-head-avatar" src="assets/img/avatars/avatar_01.png" alt=""/>
|
|
</div>
|
|
<h3 class="md-card-head-text uk-text-center">
|
|
Dora Lemke
|
|
<span class="uk-text-truncate">Lorem Ipsum</span>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="md-card">
|
|
<div class="md-card-head">
|
|
<div class="uk-text-center">
|
|
<img class="md-card-head-avatar" src="assets/img/avatars/avatar_08.png" alt=""/>
|
|
</div>
|
|
<h3 class="md-card-head-text uk-text-center">
|
|
Vernice Willms
|
|
<span class="uk-text-truncate">Lorem Ipsum</span>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section section_large" id="sect-contact">
|
|
<div class="uk-container uk-container-center">
|
|
<div class="uk-grid uk-grid-divider" data-uk-grid-margin>
|
|
<div class="uk-width-large-5-5">
|
|
<h3 class="heading_c uk-margin-large-bottom">Contact Info</h3>
|
|
<p class="uk-margin-large-bottom">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores dolorum enim repellat sit
|
|
veritatis? Alias assumenda cupiditate debitis dolorum, explicabo illo laboriosam nisi quibusdam
|
|
quod vel velit voluptas voluptate voluptatem?
|
|
</p>
|
|
<p>
|
|
<i class="material-icons md-24 uk-margin-small-right"></i> 123-456-789
|
|
</p>
|
|
<p>
|
|
<i class="material-icons md-24 uk-margin-small-right"></i> example@mailserver.com
|
|
</p>
|
|
<p>
|
|
<i class="material-icons md-24 uk-margin-small-right"></i> 9173 12th Street East
|
|
Ashburn, VA 20147
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section section_dark md-bg-blue-grey-700">
|
|
<div class="uk-container uk-container-center">
|
|
<div class="uk-grid" data-uk-grid-margin>
|
|
<div class="uk-width-medium-3-5 uk-text-center-medium">
|
|
Copyright © 2016-2020 Altair (tzd), All rights reserved.
|
|
</div>
|
|
<div class="uk-width-medium-2-5">
|
|
<div class="uk-align-medium-right uk-text-center-medium">
|
|
<a href="#" class="uk-margin-medium-right" data-uk-tooltip="{offset: 12}" title="Facebook"><i class="uk-icon-facebook uk-icon-small md-color-white"></i></a><!--
|
|
--><a href="#" class="uk-margin-medium-right" data-uk-tooltip="{offset: 12}" title="Twitter"><i class="uk-icon-twitter uk-icon-small md-color-white"></i></a><!--
|
|
--><a href="#" class="uk-margin-medium-right" data-uk-tooltip="{offset: 12}" title="LinkedIn"><i class="uk-icon-linkedin uk-icon-small md-color-white"></i></a><!--
|
|
--><a href="#" data-uk-tooltip="{offset: 12}" title="Google Plus"><i class="uk-icon-google-plus uk-icon-small md-color-white"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- google web fonts -->
|
|
<script>
|
|
WebFontConfig = {
|
|
google: {
|
|
families: [
|
|
'Source+Code+Pro:400,700:latin',
|
|
'Roboto:300,400,500,700,400italic:latin'
|
|
]
|
|
}
|
|
};
|
|
(function() {
|
|
var wf = document.createElement('script');
|
|
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
|
|
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
|
|
wf.type = 'text/javascript';
|
|
wf.async = 'true';
|
|
var s = document.getElementsByTagName('script')[0];
|
|
s.parentNode.insertBefore(wf, s);
|
|
})();
|
|
</script>
|
|
|
|
<!-- common functions -->
|
|
<script src="assets/js/common.min.js"></script>
|
|
<!-- uikit functions -->
|
|
<script src="assets/js/uikit_custom.min.js"></script>
|
|
<!-- altair common functions/helpers -->
|
|
<script src="assets/js/altair_lp_common.js"></script>
|
|
|
|
<script>
|
|
$(function() {
|
|
if(isHighDensity()) {
|
|
$.getScript( "assets/js/custom/dense.min.js", function(data) {
|
|
// enable hires images
|
|
if (typeof $.fn.dense !== "undefined") {
|
|
$('img')
|
|
// set resolution cap at "2"
|
|
.attr('data-dense-cap',2)
|
|
.dense({
|
|
glue: "@",
|
|
ping: false
|
|
});
|
|
}
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html> |