Files
2022-11-04 13:24:24 +02:00

98 lines
3.6 KiB
HTML
Executable File

<!DOCTYPE html>
<html>
<head>
<title>Contact - My Kendo UI Application</title>
<link href="styles/site.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="../../styles/kendo.common.min.css">
<link rel="stylesheet" href="../../styles/kendo.rtl.min.css">
<link rel="stylesheet" href="../../styles/kendo.default.min.css">
<link rel="stylesheet" href="../../styles/kendo.mobile.all.min.css">
<script src="../../js/jquery.min.js"></script>
<script src="../../js/kendo.all.min.js"></script>
</head>
<body>
<header>
<div class="content-wrapper">
<div class="float-left">
<p class="site-title"><a href="/">your logo here</a></p>
</div>
<div class="float-right">
<nav>
<ul id="menu">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</div>
</div>
</header>
<div id="body">
<section class="content-wrapper main-content clear-fix">
<hgroup class="title">
<h1>Contact.</h1>
<h2>Your contact page.</h2>
</hgroup>
<h3>Kendo UI TabStrip</h3>
<br />
<div id="contactsTabStrip">
<ul>
<li class="k-state-active">
<span class="k-link">Phone</span>
</li>
<li>
<span class="k-link">Email</span>
</li>
<li>
<span class="k-link">Address</span>
</li>
</ul>
<div>
<p>
<span class="label">Main:</span>
<span>425.555.0100</span>
</p>
<p>
<span class="label">After Hours:</span>
<span>425.555.0199</span>
</p>
</div>
<div style="min-height: 200px">
<p>
<span class="label">Support:</span>
<span><a href="mailto:[email protected]">[email protected]</a></span>
</p>
<p>
<span class="label">Marketing:</span>
<span><a href="mailto:[email protected]">[email protected]</a></span>
</p>
<p>
<span class="label">General:</span>
<span><a href="mailto:[email protected]">[email protected]</a></span>
</p>
</div>
<div style="min-height: 200px">
<p>
One Microsoft Way<br />
Redmond, WA 98052-6399
</p>
</div>
</div>
<script>
$(function(){
$("#contactsTabStrip").kendoTabStrip();
});
</script>
</section>
</div>
<footer>
<div class="content-wrapper">
<div class="float-left">
<p>&copy; 2015 - My Kendo UI Application</p>
</div>
</div>
</footer>
</body>
</html>