@aarconada/urserver
Version:
Basic Server definitions to develope REST API with a node + express Server
235 lines (218 loc) • 11.7 kB
HTML
<html>
<head>
<script>document.write('<base href="' + document.location + '" />');</script>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>PrimeNG - ULTIMA</title>
<link rel="stylesheet" type="text/css" href="../theme/theme-indigo.css">
<link rel="stylesheet" type="text/css" href="../layout/css/layout-indigo.css">
<link rel="stylesheet" type="text/css" href="primeng.min.css">
<script src="jquery.js"></script>
<script type="text/javascript">
$(function() {
$('#menu-button').on('click', function(e) {
var menu = $('#menu');
if(menu.hasClass('lmenu-active')) {
menu.addClass('fadeOutUp');
setTimeout(function() {
menu.removeClass('fadeOutUp fadeInDown lmenu-active');
},500);
}
else {
menu.addClass('lmenu-active fadeInDown');
}
e.preventDefault();
});
});
</script>
</head>
<body class="landing-body">
<div class="landing-wrapper">
<div id="header">
<div class="header-top clearfix">
<span class="logo"></span>
<a id="menu-button" href="#">
<i class="material-icons">menu</i>
</a>
<ul id="menu" class="animated">
<li><a href="#"><i class="ui-icon ui-icon-home"></i><span>Home</span></a></li>
<li><a href="#introduction"><i class="ui-icon ui-icon-open-in-browser"></i><span>Introduction</span></a></li>
<li><a href="#features"><i class="ui-icon ui-icon-list"></i><span>Features</span></a></li>
<li><a href="#promotion"><i class="ui-icon ui-icon-group-work"></i><span>Promotion</span></a></li>
<li><a href="#pricing"><i class="ui-icon ui-icon-attach-money"></i><span>Pricing</span></a></li>
<li><a href="#video"><i class="ui-icon ui-icon-videocam"></i><span>Video</span></a></li>
</ul>
</div>
<div class="header-content clearfix">
<h1>Your application slogan comes here</h1>
<a href="/" class="ui-button secondary">
<span class="ui-button-text">Sign Up Now</span>
</a>
</div>
</div>
<div id="features">
<h2>The Ultimate Material Application Template for PrimeNG</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse delectus sit velit, aspernatur voluptates molestiae, enim recusandae. Odit dicta, maiores quas ad nesciunt, illum expedita veritatis illo quam odio id!</p>
<div class="ui-g">
<div class="ui-g-12 ui-md-4">
<h3>Creative</h3>
<p>Lorem ipsum dolor sit amet</p>
<div class="feature-icon">
<i class="material-icons"></i>
</div>
</div>
<div class="ui-g-12 ui-md-4">
<h3>Responsive</h3>
<p>Lorem ipsum dolor sit amet</p>
<div class="feature-icon">
<i class="material-icons"></i>
</div>
</div>
<div class="ui-g-12 ui-md-4">
<h3>Cross Browser</h3>
<p>Lorem ipsum dolor sit amet</p>
<div class="feature-icon">
<i class="material-icons"></i>
</div>
</div>
<div class="ui-g-12 ui-md-4">
<div class="feature-icon">
<i class="material-icons"></i>
</div>
<h3>Well Organized</h3>
<p>Well Organ</p>
</div>
<div class="ui-g-12 ui-md-4">
<div class="feature-icon">
<i class="material-icons"></i>
</div>
<h3>Beautiful</h3>
<p>Lorem ipsum dolor sit amet</p>
</div>
<div class="ui-g-12 ui-md-4">
<div class="feature-icon">
<i class="material-icons"></i>
</div>
<h3>Just For you</h3>
<p>Lorem ipsum dolor sit amet</p>
</div>
</div>
</div>
<div id="promotion" class="clearfix">
<div class="ui-g">
<div class="ui-g-12 ui-lg-8">
<h1>Boost Your Productivity.</h1>
<a href="/" class="ui-button secondary">
<span class="ui-button-text">Sign Up Now</span>
</a>
</div>
<div class="ui-g-12 ui-lg-4">
<div class="card">
<h3>Just</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab perferendis nesciunt ad reiciendis explicabo consequatur sapiente odit ipsa harum illum, necessitatibus quaerat voluptates aspernatur iure, aperiam possimus sint sit mollitia!</p>
</div>
<div class="card">
<h3>Like</h3>
<p>Ab perferendis nesciunt ad reiciendis explicabo consequatur sapiente odit ipsa harum illum. Necessitatibus quaerat voluptates aspernatur iure, aperiam possimus sint sit mollitia!</p>
</div>
<div class="card">
<h3>That</h3>
<p>Necessitatibus quaerat voluptates aspernatur iure, aperiam possimus sint sit mollitia! Ab perferendis nesciunt ad reiciendis explicabo consequatur sapiente odit ipsa harum illum.</p>
</div>
</div>
</div>
</div>
<div id="pricing">
<h2>Pricing</h2>
<p>Esse delectus sit velit, aspernatur voluptates molestiae, enim recusandae. Odit dicta, maiores quas ad nesciunt, illum expedita veritatis illo quam odio id!</p>
<div class="ui-g">
<div class="ui-g-12 ui-md-4 pricing-box pricing-basic">
<div class="card">
<div class="pricing-header">
<span class="name">BASIC</span>
<span class="fee">$5</span>
<span class="type">Monthly</span>
</div>
<div class="pricing-content">
<ul>
<li><i class="material-icons"></i><span>Responsive</span></li>
<li><i class="material-icons"></i><span>Push Messages</span></li>
</ul>
</div>
</div>
</div>
<div class="ui-g-12 ui-md-4 pricing-box pricing-standard">
<div class="card">
<div class="pricing-header">
<span class="name">STANDARD</span>
<span class="fee">$25</span>
<span class="type">Monthly</span>
</div>
<div class="pricing-content">
<ul>
<li><i class="material-icons"></i><span>Responsive</span></li>
<li><i class="material-icons"></i><span>Push Messages</span></li>
<li><i class="material-icons"></i><span>7/24 Support</span></li>
<li><i class="material-icons"></i><span>Free Shipping</span></li>
</ul>
</div>
</div>
</div>
<div class="ui-g-12 ui-md-4 pricing-box pricing-professional">
<div class="card">
<div class="pricing-header">
<span class="name">PROFESSIONAL</span>
<span class="fee">$50</span>
<span class="type">Monthly</span>
</div>
<div class="pricing-content">
<ul>
<li><i class="material-icons"></i><span>Responsive</span></li>
<li><i class="material-icons"></i><span>Push Messages</span></li>
<li><i class="material-icons"></i><span>7/24 Support</span></li>
<li><i class="material-icons"></i><span>Free Shipping</span></li>
<li><i class="material-icons"></i><span>Unlimited Bandwidth</span></li>
<li><i class="material-icons"></i><span>Unlimited Storage</span></li>
<li><i class="material-icons"></i><span>Gift Cards</span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="video">
<div class="video-content">
<h2>Video</h2>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.</p>
<div class="video-container">
<iframe src="https://www.youtube.com/embed/B_lYGUtCd0g" frameborder="0" width="560" height="330"></iframe>
</div>
</div>
</div>
<div class="footer">
<div class="footer-content">
<div class="ui-g">
<div class="ui-g-12 ui-md-6">
<p>PrimeNG ULTIMA</p>
</div>
<div class="ui-g-12 ui-md-6">
<ul>
<li><a href="#mobile">Promotion</a></li>
<li><a href="#pricing">Pricing</a></li>
<li><a href="#video">Video</a></li>
</ul>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#introduction">Introduction</a></li>
<li><a href="#features">Features</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>