429 lines
26 KiB
HTML
429 lines
26 KiB
HTML
<!DOCTYPE html>
|
|
<html class="wide wow-animation" lang="en">
|
|
<head>
|
|
<title>Typography</title>
|
|
<meta name="format-detection" content="telephone=no">
|
|
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta charset="utf-8">
|
|
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
|
|
<!-- Stylesheets-->
|
|
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,700,900">
|
|
<link rel="stylesheet" href="css/bootstrap.css">
|
|
<link rel="stylesheet" href="css/fonts.css">
|
|
<link rel="stylesheet" href="css/style.css" id="main-styles-link">
|
|
<style>.ie-panel{display: none;background: #212121;padding: 10px 0;box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3);clear: both;text-align:center;position: relative;z-index: 1;} html.ie-10 .ie-panel, html.lt-ie-10 .ie-panel {display: block;}</style>
|
|
</head>
|
|
<body>
|
|
<div class="ie-panel"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
|
|
<div class="preloader">
|
|
<div class="preloader-body">
|
|
<div class="cssload-container">
|
|
<div class="cssload-speeding-wheel"></div>
|
|
</div>
|
|
<p>Loading...</p>
|
|
</div>
|
|
</div>
|
|
<div class="page">
|
|
<!-- Page Header-->
|
|
<header class="section page-header">
|
|
<!-- RD Navbar-->
|
|
<div class="rd-navbar-wrap rd-navbar-absolute">
|
|
<nav class="rd-navbar rd-navbar-transparent" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-fixed" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-lg-stick-up-offset="20px" data-xl-stick-up-offset="20px" data-xxl-stick-up-offset="20px" data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true">
|
|
<div class="rd-navbar-main-outer">
|
|
<div class="rd-navbar-main">
|
|
<!-- RD Navbar Panel-->
|
|
<div class="rd-navbar-panel">
|
|
<!-- RD Navbar Toggle-->
|
|
<button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
|
|
<!-- RD Navbar Brand-->
|
|
<div class="rd-navbar-brand"><a class="brand" href="index.html"><img class="brand-logo-dark" src="images/logo-default-256x46.png" alt="" width="256" height="46"/><img class="brand-logo-light" src="images/logo-inverse-256x46.png" alt="" width="256" height="46"/></a>
|
|
</div>
|
|
</div>
|
|
<div class="rd-navbar-main-element">
|
|
<div class="rd-navbar-nav-wrap">
|
|
<!-- RD Navbar Nav-->
|
|
<ul class="rd-navbar-nav">
|
|
<li class="rd-nav-item"><a class="rd-nav-link" href="index.html">Home</a>
|
|
</li>
|
|
<li class="rd-nav-item"><a class="rd-nav-link" href="about-us.html">About us</a>
|
|
<!-- RD Navbar Dropdown-->
|
|
<ul class="rd-menu rd-navbar-dropdown">
|
|
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="pricing.html">Pricing</a></li>
|
|
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="our-team.html">Our team</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="rd-nav-item"><a class="rd-nav-link" href="services.html">Services</a>
|
|
<!-- RD Navbar Dropdown-->
|
|
<ul class="rd-menu rd-navbar-dropdown">
|
|
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-service.html">Single service</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="rd-nav-item"><a class="rd-nav-link" href="careers.html">Careers</a>
|
|
<!-- RD Navbar Dropdown-->
|
|
<ul class="rd-menu rd-navbar-dropdown">
|
|
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-job.html">Single job</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="rd-nav-item active"><a class="rd-nav-link" href="#">Pages</a>
|
|
<!-- RD Navbar Megamenu-->
|
|
<ul class="rd-menu rd-navbar-megamenu">
|
|
<li class="rd-megamenu-item">
|
|
<h6 class="rd-megamenu-title">Elements</h6>
|
|
<ul class="rd-megamenu-list">
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="typography.html">Typography</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="buttons.html">Buttons</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="forms.html">Forms</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tabs-and-accordions.html">Tabs and accordions</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="progress-bars.html">Progress bars</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="grid.html">Grid</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tables.html">Tables</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="rd-megamenu-item">
|
|
<h6 class="rd-megamenu-title">Blog</h6>
|
|
<ul class="rd-megamenu-list">
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="classic-blog.html">Classic blog</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="grid-blog.html">Grid blog</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="masonry-blog.html">Masonry blog</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="modern-blog.html">Modern blog</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="single-post.html">Single post</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="rd-megamenu-item">
|
|
<h6 class="rd-megamenu-title">Gallery</h6>
|
|
<ul class="rd-megamenu-list">
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="grid-gallery.html">Grid gallery</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="masonry-gallery.html">Masonry gallery</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="rd-megamenu-item">
|
|
<h6 class="rd-megamenu-title">Extras</h6>
|
|
<ul class="rd-megamenu-list">
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="404.html">404 Page</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="503.html">503 Page</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="coming-soon.html">Coming soon</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="login.html">Login/Registration</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="privacy-policy.html">Privacy policy</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="search-results.html">Search results</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="rd-nav-item"><a class="rd-nav-link" href="contacts.html">Contacts</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- RD Navbar Search-->
|
|
<div class="rd-navbar-search">
|
|
<button class="rd-navbar-search-toggle rd-navbar-fixed-element-1" data-rd-navbar-toggle=".rd-navbar-search"><span></span></button>
|
|
<form class="rd-search" action="search-results.html" data-search-live="rd-search-results-live" method="GET">
|
|
<div class="form-wrap">
|
|
<label class="form-label" for="rd-navbar-search-form-input">Search</label>
|
|
<input class="rd-navbar-search-form-input form-input" id="rd-navbar-search-form-input" type="text" name="s" autocomplete="off">
|
|
<div class="rd-search-results-live" id="rd-search-results-live"></div>
|
|
</div>
|
|
<button class="rd-search-form-submit mdi mdi-magnify" type="submit"></button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
<!-- Breadcrumbs -->
|
|
<section class="section section-bredcrumbs bg-image-2">
|
|
<div class="container context-dark breadcrumb-wrapper">
|
|
<h1>Typography</h1>
|
|
<ul class="breadcrumbs-custom">
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="#">Pages</a></li>
|
|
<li class="active">Typography</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
<!-- Base typography -->
|
|
<section class="section section-lg bg-default">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xl-8">
|
|
<ul class="list-xl">
|
|
<li>
|
|
<h1>H1 Heading</h1>
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.</p>
|
|
</li>
|
|
<li>
|
|
<h2>H2 Heading</h2>
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.</p>
|
|
</li>
|
|
<li>
|
|
<h3>H3 Heading</h3>
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.</p>
|
|
</li>
|
|
<li>
|
|
<h4>H4 Heading</h4>
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.</p>
|
|
</li>
|
|
<li>
|
|
<h5>H5 Heading</h5>
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.</p>
|
|
</li>
|
|
<li>
|
|
<h6>H6 Heading</h6>
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Blockquote-->
|
|
<section class="section section-lg bg-default">
|
|
<div class="container">
|
|
<div class="row row-50">
|
|
<div class="col-lg-10 col-xl-8">
|
|
<h2>Blockquote</h2>
|
|
<!-- Quote Default-->
|
|
<blockquote class="quote quote-default">
|
|
<div class="quote-icon mdi mdi-format-quote"></div>
|
|
<div class="quote-body">
|
|
<q class="heading-6">Lorem ipsum dolor sit amet, scripta legimus qua erendum ex vis, audire no umes his an. Decore tam quam insole ns usu, an omnium debitis. ipsum dolo. Lorem ipsum dolor sit amet, scripta legimus qua Lorem ipsum dolor sit amet, scripta.</q>
|
|
</div>
|
|
<div class="quote-meta">
|
|
<div class="author">
|
|
<cite>Samuel Chapman</cite>
|
|
</div>
|
|
<div class="position">CEO & Founder of Interson</div>
|
|
</div>
|
|
</blockquote>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- HTML Text Elements-->
|
|
<section class="section section-lg bg-default">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-10 col-xl-8">
|
|
<h2>HTML Text Elements</h2>
|
|
<p class="text-block"><a href="#">Link Text</a><a class="link-hover" href="#">Hover Link Text</a><span class="font-weight-bold">Bold text</span><span class="text-italic">Italic text</span>
|
|
<mark>This is a highlighted text</mark><span class="tooltip-custom" data-toggle="tooltip" data-placement="top" title="Tooltips text">Tooltips</span><span>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for</span><span>With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.</span><span class="text-strike">This is a strickethrough text</span><span class="text-underline">This is an underlined text.</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Unordered List-->
|
|
<section class="section section-lg bg-default">
|
|
<div class="container">
|
|
<div class="row row-50">
|
|
<div class="col-xl-8">
|
|
<h2>Unordered List</h2>
|
|
<p>We specialize in a variety of services. Our aim is to deliver the top level of customer service based on your requests.</p>
|
|
<ul class="list-marked">
|
|
<li>Consulting</li>
|
|
<li>Customer Service</li>
|
|
<li>Innovation</li>
|
|
<li>Management</li>
|
|
<li>Ethics</li>
|
|
</ul>
|
|
<p>We hope that with our services you will receive the most personalized help in purchasing any kind of products you are looking for.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Ordered List-->
|
|
<section class="section section-lg bg-default">
|
|
<div class="container">
|
|
<div class="row row-50">
|
|
<div class="col-xl-8">
|
|
<h2>Ordered List</h2>
|
|
<p>We specialize in a variety of services. Our aim is to deliver the top level of customer service based on your requests.</p>
|
|
<ol class="list-ordered">
|
|
<li>Consulting</li>
|
|
<li>Customer Service</li>
|
|
<li>Innovation</li>
|
|
<li>Management</li>
|
|
<li>Ethics</li>
|
|
</ol>
|
|
<p>We hope that with our services you will receive the most personalized help in purchasing any kind of products you are looking for.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Icon List-->
|
|
<section class="section section-lg bg-default">
|
|
<div class="container">
|
|
<h2>Icon List</h2>
|
|
<div class="row row-30 row-offset-1">
|
|
<div class="col-md-6 col-lg-3">
|
|
<div class="list-icon">
|
|
<div class="list-icon-title"><span class="icon-item linearicons-satellite2"></span>
|
|
<div class="title">Satellite Internet</div>
|
|
</div>
|
|
<div class="list-icon-body">Cur ionicis tormento nocere? Nunquam gratia lamia. Secundus, fidelis lunas aliquando aperto de teres, varius.</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-lg-3">
|
|
<div class="list-icon">
|
|
<div class="list-icon-title"><span class="icon-item linearicons-cable"></span>
|
|
<div class="title">Transparent Service</div>
|
|
</div>
|
|
<div class="list-icon-body">Cursuss sunt frondators de teres orexis. Mirabilis, salvus bursas grauiter pugna de raptus, teres extum.</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-lg-3">
|
|
<div class="list-icon">
|
|
<div class="list-icon-title"><span class="icon-item linearicons-cable2"></span>
|
|
<div class="title">Dark Fiber Service</div>
|
|
</div>
|
|
<div class="list-icon-body">Hercle, vortex peritus!, apolloniates! Cum bulla volare, omnes compateres anhelare talis, alter vitaes.</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-lg-3">
|
|
<div class="list-icon">
|
|
<div class="list-icon-title"><span class="icon-item linearicons-tv"></span>
|
|
<div class="title">Phone & TV</div>
|
|
</div>
|
|
<div class="list-icon-body">Genetrix dexter spatii est. Nunquam contactus extum. Rusticus, alter consiliums sed mire convertam.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Image Centered-->
|
|
<section class="section section-lg bg-default">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-10 col-xl-8">
|
|
<h2>Centered Image</h2>
|
|
<div class="row row-offset-2">
|
|
<div class="col-lg-12">
|
|
<figure class="figure-light"><img class="img-centered" src="images/typography-1-770x512.jpg" alt="" width="770" height="512"/>
|
|
<figcaption>
|
|
<p>Reliable Internet services</p>
|
|
</figcaption>
|
|
</figure>
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Image Left-->
|
|
<section class="section section-lg bg-default">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-10 col-xl-8">
|
|
<h2>Image Left</h2>
|
|
<div class="row row-30 row-offset-2">
|
|
<div class="col-md-6"><img src="images/typography-2-340x224.jpg" alt="" width="340" height="224"/>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Image Right-->
|
|
<section class="section section-lg bg-default">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-10 col-xl-8">
|
|
<h2>Image Right</h2>
|
|
<div class="row row-30 flex-md-row-reverse row-offset-2">
|
|
<div class="col-md-6"><img src="images/typography-2-340x224.jpg" alt="" width="340" height="224"/>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Page Footer-->
|
|
<footer class="section footer-1 bg-primary-gradient">
|
|
<div class="container">
|
|
<div class="row row-40 wow fadeIn">
|
|
<div class="col-md-6 col-lg-4">
|
|
<h5 class="title">About Us</h5>
|
|
<p>Interson is a national Internet service provider founded in 1999. We offer high-speed Internet service to all 50 states. In addition to DSL broadband, our company provides fiber and fixed wireless Internet service as well as corporate solutions to our clients. Our pricing is affordable to match all your needs and demands.</p>
|
|
<div class="footer-logo"><a class="brand" href="index.html"><img class="brand-logo-dark" src="images/logo-default-256x46.png" alt="" width="256" height="46"/><img class="brand-logo-light" src="images/logo-inverse-256x46.png" alt="" width="256" height="46"/></a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-lg-4">
|
|
<h5 class="title">Twitter Feed</h5>
|
|
<!-- RD Twitter Feed-->
|
|
<div class="twitter" data-twitter-username="Templates" data-twitter-date-hours=" hours ago" data-twitter-date-minutes=" minutes ago">
|
|
<div class="tweet" data-twitter-type="tweet">
|
|
<div class="tweet-left">
|
|
<div class="icon fa-twitter"></div>
|
|
</div>
|
|
<div class="tweet-right">
|
|
<div class="twitter-text text-dark" data-tweet="text"></div>
|
|
<div class="twitter-meta">
|
|
<div class="twitter-name" data-screen_name="text"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tweet" data-twitter-type="tweet">
|
|
<div class="tweet-left">
|
|
<div class="icon fa-twitter"></div>
|
|
</div>
|
|
<div class="tweet-right">
|
|
<div class="twitter-text text-dark" data-tweet="text"></div>
|
|
<div class="twitter-meta">
|
|
<div class="twitter-name" data-screen_name="text"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tweet" data-twitter-type="tweet">
|
|
<div class="tweet-left">
|
|
<div class="icon fa-twitter"></div>
|
|
</div>
|
|
<div class="tweet-right">
|
|
<div class="twitter-text text-dark" data-tweet="text"></div>
|
|
<div class="twitter-meta">
|
|
<div class="twitter-name" data-screen_name="text"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-10 col-lg-4">
|
|
<h5 class="title">Get in Touch</h5>
|
|
<!-- RD Mailform-->
|
|
<form class="rd-form rd-mailform" data-form-output="form-output-global" data-form-type="contact" method="post" action="bat/rd-mailform.php">
|
|
<div class="form-wrap">
|
|
<input class="form-input" id="contact-name-footer" type="text" name="name" data-constraints="@Required">
|
|
<label class="form-label" for="contact-name-footer">Name</label>
|
|
</div>
|
|
<div class="form-wrap">
|
|
<input class="form-input" id="contact-email-footer" type="email" name="email" data-constraints="@Email @Required">
|
|
<label class="form-label" for="contact-email-footer">E-mail</label>
|
|
</div>
|
|
<div class="form-wrap">
|
|
<label class="form-label" for="contact-message-footer">Message</label>
|
|
<textarea class="form-input" id="contact-message-footer" name="message" data-constraints="@Required"></textarea>
|
|
</div>
|
|
<button class="button button-primary" type="submit">Send</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<!-- Rights-->
|
|
<p class="rights"><span>© </span><span class="copyright-year"></span><span> </span><span><a target="_blank" href="https://www.mobanwang.com/" title="网站模板">网站模板</a></span><span>. </span><a href="privacy-policy.html">Privacy Policy</a></p>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
<!-- Global Mailform Output-->
|
|
<div class="snackbars" id="form-output-global"></div>
|
|
<!-- Javascript-->
|
|
<script src="js/core.min.js"></script>
|
|
<script src="js/script.js"></script>
|
|
</body>
|
|
</html> |