CINXE.COM
螒螒 portal
<!doctype html> <!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> <!--[if (gte IE 9)|!(IE)]><html lang="en" class="no-js"> <![endif]--> <html lang="en"> <head> <!-- Basic --> <title>螒螒 portal</title> <!-- Define Charset --> <meta charset="utf-8"> <!-- Responsive Metatag --> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="http://repository.academyofathens.gr/kebmt/asset/css/bootstrap.min.css" type="text/css" media="screen"> <!-- Font Awesome CSS --> <link rel="stylesheet" href="http://repository.academyofathens.gr/kebmt/css/font-awesome.min.css" type="text/css" media="screen"> <!-- Margo CSS Styles --> <link rel="stylesheet" type="text/css" href="http://repository.academyofathens.gr/kebmt/css/style.css" media="screen"> <!-- Responsive CSS Styles --> <link rel="stylesheet" type="text/css" href="http://repository.academyofathens.gr/kebmt/css/responsive.css" media="screen"> <!-- Css3 Transitions Styles --> <link rel="stylesheet" type="text/css" href="http://repository.academyofathens.gr/kebmt/css/animate.css" media="screen"> <!-- Css3 Timeline Styles --> <link rel="stylesheet" type="text/css" href="http://repository.academyofathens.gr/kebmt/css/timeline.css" media="screen"> <!-- Css3 Tree Styles --> <link rel="stylesheet" type="text/css" href="http://repository.academyofathens.gr/kebmt/css/tree.css" media="screen"> <link rel="stylesheet" type="text/css" href="http://repository.academyofathens.gr/kebmt/css/style_time.css" media="screen"> <!-- Color CSS Styles --> <link rel="stylesheet" type="text/css" href="http://repository.academyofathens.gr/kebmt/css/colors/blue-dark.css" title="blue-dark" media="screen" /> <link rel="Shortcut icon" href="http://repository.academyofathens.gr/kebmt/images/logo_gr_AA.gif" type="image/x-icon" /> <!-- Margo JS --> <script type="text/javascript" src="http://repository.academyofathens.gr/kebmt/js/jquery-2.1.1.min.js"></script> <script type="text/javascript" src="http://repository.academyofathens.gr/kebmt/js/jquery.migrate.js"></script> <script type="text/javascript" src="http://repository.academyofathens.gr/kebmt/js/modernizrr.js"></script> <script type="text/javascript" src="http://repository.academyofathens.gr/kebmt/asset/js/bootstrap.min.js"></script> <script type="text/javascript" src="http://repository.academyofathens.gr/kebmt/js/jquery.fitvids.js"></script> <script type="text/javascript" src="http://repository.academyofathens.gr/kebmt/js/owl.carousel.min.js"></script> <script type="text/javascript" src="http://repository.academyofathens.gr/kebmt/js/nivo-lightbox.min.js"></script> <script type="text/javascript" src="http://repository.academyofathens.gr/kebmt/js/jquery.isotope.min.js"></script> <script type="text/javascript" src="http://repository.academyofathens.gr/kebmt/js/jquery.appear.js"></script> <script type="text/javascript" src="http://repository.academyofathens.gr/kebmt/js/count-to.js"></script> <script type="text/javascript" src="http://repository.academyofathens.gr/kebmt/js/jquery.textillate.js"></script> <script type="text/javascript" src="http://repository.academyofathens.gr/kebmt/js/jquery.lettering.js"></script> <script type="text/javascript" src="http://repository.academyofathens.gr/kebmt/js/jquery.easypiechart.min.js"></script> <script type="text/javascript" src="http://repository.academyofathens.gr/kebmt/js/jquery.nicescroll.min.js"></script> <script type="text/javascript" src="http://repository.academyofathens.gr/kebmt/js/jquery.parallax.js"></script> <script type="text/javascript" src="http://repository.academyofathens.gr/kebmt/js/mediaelement-and-player.js"></script> <script type="text/javascript" src="http://repository.academyofathens.gr/kebmt/js/script.js"></script> <script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script> <script type="text/javascript" src="http://repository.academyofathens.gr/kebmt/js/autocomplete.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <!--<script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js"></script>--> <!--<script type="text/javascript" src="https://raw.githubusercontent.com/googlemaps/js-marker-clusterer/gh-pages/src/markerclusterer.js"></script>--> <script type="text/javascript" src="http://repository.academyofathens.gr/kebmt/js/markerclusterer.js"></script> <!--[if IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> </head> <body style="background-image: url(http://repository.academyofathens.gr/kebmt/images/patterns/7.png)"> <!-- Full Body Container --> <div id="container" class='boxed-page'> <!-- Start Header Section --> <div class="hidden-header"></div> <header class="clearfix" style="z-index:999;"> <!-- Start Top Bar --> <div class="top-bar color-bar"> <div class="container"> <div class="row"> <div class="col-md-6"> <!-- Start Contact Info --> <ul class="contact-details"> <li><a href="http://repository.academyofathens.gr/kebmt/index.php/en"><i class="fa fa-home"></i>HOME</a> </li> <li><a href="http://repository.academyofathens.gr/kebmt/index.php/en/form/2"><i class="fa fa-hand-o-right"></i> LEMMA PROPOSITION </a></li> </ul> <!-- End Contact Info --> </div><!-- .col-md-6 --> <div class="col-md-3"> <!-- Start Contact Info --> <ul class="contact-details"> <li> <!--<a href="#" data-toggle="modal" data-target="#loginModal"><i class="fa fa-lock"> LOGIN</i></a>--> <a href="http://repository.academyofathens.gr/kebmt/index.php/en/auth/login"><i class="fa fa-lock"> LOGIN</i></a> </li> <li> <a href="http://repository.academyofathens.gr/kebmt/index.php/en/auth/register">REGISTER</a> </li> </ul> <!-- End Contact Info --> </div><!-- .col-md-6 --> <div class="col-md-1"> <ul class="contact-details"> <li> <a href="http://repository.academyofathens.gr/kebmt/index.php/en/contact"> CONTACT </a> </li> </ul> </div> <div class="col-md-2"> <!-- Start Social Links --> <ul class="social-list"> <li> <a class="instgram itl-tooltip" href="http://repository.academyofathens.gr/kebmt/index.php/gr/form/2"> <i class="">GR</i></a> </li> <li> <a class="instgram itl-tooltip" href="http://repository.academyofathens.gr/kebmt/index.php/en/form/2"> <i class="">EN</i></a> </li> <li> <a class="instgram itl-tooltip" href="http://repository.academyofathens.gr/kebmt/index.php/fr/form/2"> <i class="">FR</i></a> </li> </ul> <!-- End Social Links --> </div><!-- .col-md-6 --> </div><!-- .row --> </div><!-- .container --> </div><!-- .top-bar --> <!-- End Top Bar --> <!-- Start Logo & Naviagtion --> <div class="top-bar navbar navbar-default navbar-top" style="min-height: 100px;"> <div class="container"> <div class="navbar-header"> <!-- Stat Toggle Nav Link For Mobiles --> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <i class="fa fa-bars"></i> </button> <!-- End Toggle Nav Link For Mobiles --> <a class="navbar-brand" href="http://repository.academyofathens.gr/kebmt/index.php/en"> <img alt="" src="http://repository.academyofathens.gr/kebmt/images/logo2.png" style="position:relative; max-height:65px;" border="0" > </a> </div> <div class="navbar-collapse collapse"> <!-- Stat Search --> <div class="search-side"> <a href="#" class="show-search"><i class="fa fa-search"></i></a> <div class="search-form"> <form method="GET" action="http://repository.academyofathens.gr/kebmt/index.php/en/search" accept-charset="UTF-8" class="searchform"> <input id="q" placeholder="Search..." name="q" type="text"> </form> </div> </div> <!-- End Search --> <!-- Start Navigation List --> <ul class="nav navbar-nav navbar-right"> <li><a href="http://repository.academyofathens.gr/kebmt/index.php/en/searchAdvance" style="min-height:100px;">Advanced Search</a> </li> </ul> <!-- End Navigation List --> </div> </div> </div> <!-- End Header Logo & Naviagtion --> <!-- Start Logo & Naviagtion --> <div class="navbar navbar-default custom_color"> <div class="container"> <div class="navbar-collapse collapse"> <!-- Start Navigation List --> <ul class="nav navbar-nav navbar-right"> <li> <a href="http://repository.academyofathens.gr/kebmt/index.php/en" style="color:#e7e7e7;">Home</a> </li> <li> <a href="#" style="color:#e7e7e7;">Services</a> <ul class="dropdown"> <li> <a href="http://repository.academyofathens.gr/kebmt/index.php/en/today">On this day</a> </li> <li> <a href="http://repository.academyofathens.gr/kebmt/index.php/en/listItems">Item List</a> </li> <li> <a href="http://repository.academyofathens.gr/kebmt/index.php/en/gallery">Item gallery</a> </li> <li> <a href="http://repository.academyofathens.gr/kebmt/index.php/en/map">Map</a> </li> <li> <a href="http://repository.academyofathens.gr/kebmt/index.php/en/timeline">Timeline</a> </li> <li> <a href="http://repository.academyofathens.gr/kebmt/index.php/en/thema">Subject list</a> </li> <li> <a href="http://repository.academyofathens.gr/kebmt/index.php/en/persons">List of persons</a> </li> <li> <a href="http://repository.academyofathens.gr/kebmt/index.php/en/events">Events</a> </li> </ul> </li> </ul> <!-- End Navigation List --> </div> </div> </div> </header> <!-- End Header Section --> <!-- Start Page Banner --> <div class="page-banner no-subtitle"> <div class="container"> <div class="row"> <div class="col-md-6"> </div> <div class="col-md-6"> <ul class="breadcrumbs"> <li><a href="http://repository.academyofathens.gr/kebmt/index.php/en">Home</a></li> <li>Πρ蠈ταση Λ萎μματος</li> </ul> </div> </div> </div> </div> <!-- End Page Banner --> <!-- Start Content --> <div id="content"> <div class="container"> <div class="row "> <div class="col-md-12 "> <h4 class="classic-title"><span>Πρ蠈ταση Λ萎μματος</span></h4> <div class="col-md-7 col-md-offset-3 alert alert-info" role="alert"> If you want, you can send the pdf file in the following email: <strong> <a href="mailto:kevmt@academyofathens.gr?Subject=Pdf Uploaded from Portal" target="_top">kevmt@academyofathens.gr</a> </strong> </div> <form method="POST" action="http://repository.academyofathens.gr/kebmt/index.php/en/form/2" accept-charset="UTF-8" class="form-horizontal"><input name="_token" type="hidden" value="mwdO7WWuOl5047JhujfCprYQZDjHsfsXOHKRUHtM"> <div class="row rowAllPadding" > <div class="col-md-12"> <div class="form-group"> <label class="col-sm-4 control-label">ΟΝΟΜΑ ΣΥΓΓΡΑΦΕΑ 萎 ΟΝΟΜΑΤΑ ΣΥΓΓΡΑΦΕΩΝ</label> <div class="col-sm-6"> <input type="text" name="field_title_0" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΕΤΟΣ ΔΗΜΟΣΙΕΥΣΗΣ</label> <div class="col-sm-6"> <input type="text" name="field_title_1" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΤΙΤΛΟΣ ΜΟΝΟΓΡΑΦΙΑΣ</label> <div class="col-sm-6"> <input type="text" name="field_title_2" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΤΟΠΟΣ – 螆ΤΟΣ ΕΚΔΟΣΗΣ</label> <div class="col-sm-6"> <input type="text" name="field_title_3" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΕΚΔΟΤΙΚΗ ΣΕΙΡΑ</label> <div class="col-sm-6"> <input type="text" name="field_title_4" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΕΚΔΟΤΗΣ</label> <div class="col-sm-6"> <input type="text" name="field_title_5" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ISBN</label> <div class="col-sm-6"> <input type="text" name="field_title_6" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΣΕΛΙΔΕΣ</label> <div class="col-sm-6"> <input type="text" name="field_title_7" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΕΙΚΟΝΕΣ 萎 ΠΙΝΑΚΕΣ</label> <div class="col-sm-6"> <input type="text" name="field_title_8" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΑΡΧΙΤΕΚΤΟΝΙΚΑ ΣΧΕΔΙΑ</label> <div class="col-sm-6"> <input type="text" name="field_title_9" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΖΩΓΡΑΦΙΚΑ ΣΧΕΔΙΑ</label> <div class="col-sm-6"> <input type="text" name="field_title_10" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΧΑΡΤΕΣ</label> <div class="col-sm-6"> <input type="text" name="field_title_11" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΣΤΑΤΙΣΤΙΚΟΙ ΠΙΝΑΚΕΣ</label> <div class="col-sm-6"> <input type="text" name="field_title_12" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΠΕΡΙΛΗΨΗ ΣΕ ΞΕΝΗ ΓΛΩΣΣΑ</label> <div class="col-sm-6"> <textarea name="field_title_13" class="form-control"></textarea> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">Θεματολογικ蠈 ευρετ萎ριο</label> <div class="col-sm-6"> <input type="text" name="field_title_14" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">Τοπογραφικ蠈 Ευρετ萎ριο</label> <div class="col-sm-6"> <input type="text" name="field_title_15" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">Χρονολογικ蠈 ευρετ萎ριο</label> <div class="col-sm-6"> <input type="text" name="field_title_16" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΤΙΤΛΟΣ ΑΡΘΡΟΥ, ΛΗΜΜΑΤΟΣ</label> <div class="col-sm-6"> <input type="text" name="field_title_17" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">Τ委τλος Δημοσιε蠉ματος</label> <div class="col-sm-6"> <input type="text" name="field_title_18" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΤΟΠΟΣ – 螆ΤΟΣ ΕΚΔΟΣΗΣ</label> <div class="col-sm-6"> <input type="text" name="field_title_19" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΕΚΔΟΤΙΚΗ ΣΕΙΡΑ</label> <div class="col-sm-6"> <input type="text" name="field_title_20" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΕΚΔΟΤΗΣ</label> <div class="col-sm-6"> <input type="text" name="field_title_21" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ISBN</label> <div class="col-sm-6"> <input type="text" name="field_title_22" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΣΕΛΙΔΕΣ</label> <div class="col-sm-6"> <input type="text" name="field_title_23" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΕΙΚΟΝΕΣ 萎 ΠΙΝΑΚΕΣ</label> <div class="col-sm-6"> <input type="text" name="field_title_24" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΑΡΧΙΤΕΚΤΟΝΙΚΑ ΣΧΕΔΙΑ</label> <div class="col-sm-6"> <input type="text" name="field_title_25" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΖΩΓΡΑΦΙΚΑ ΣΧΕΔΙΑ</label> <div class="col-sm-6"> <input type="text" name="field_title_26" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΧΑΡΤΕΣ</label> <div class="col-sm-6"> <input type="text" name="field_title_27" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΣΤΑΤΙΣΤΙΚΟΙ ΠΙΝΑΚΕΣ</label> <div class="col-sm-6"> <input type="text" name="field_title_28" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΠΕΡΙΛΗΨΗ ΣΕ ΞΕΝΗ ΓΛΩΣΣΑ</label> <div class="col-sm-6"> <textarea name="field_title_29" class="form-control"></textarea> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">Θεματολογικ蠈 ευρετ萎ριο</label> <div class="col-sm-6"> <input type="text" name="field_title_30" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">Τοπογραφικ蠈 Ευρετ萎ριο</label> <div class="col-sm-6"> <input type="text" name="field_title_31" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">Χρονολογικ蠈 ευρετ萎ριο</label> <div class="col-sm-6"> <input type="text" name="field_title_32" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΗΜΕΡΟΜΗΝΙΑ ΚΑΙ ΕΤΟΣ ΚΑΤΑΘΕΣΗΣ ΑΠΟ ΤΟ ΣΥΓΓΡΑΦΕΑ</label> <div class="col-sm-6"> <input type="text" name="field_title_33" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ ΤΟΥ ΣΥΓΓΡΑΦΕΑ</label> <div class="col-sm-6"> <input type="text" name="field_title_34" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">ΙΔΙΟΤΗΤΑ ΤΟΥ ΣΥΓΓΡΑΦΕΑ</label> <div class="col-sm-6"> <input type="text" name="field_title_35" value='' class="form-control"> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label">Ε委δος Δημοσιε蠉ματος</label> <div class="col-sm-6"> <select class="form-control" name="field_title_36"> <option value="Περιοδικ维">Περιοδικ维</option> <option value="Πρακτικ维">Πρακτικ维</option> <option value="Συλλογικ维 苇ργα">Συλλογικ维 苇ργα</option> </select> </div> </div> </div> </div> <div class="row rowAllPadding" > <div class="form-group"> <div class="col-md-offset-4 "> <button type="submit" class="btn-system btn-large">Save <i class="fa fa-save "></i></button> </div> </div> </div> </form> </div> </div> </div> </div> <!-- End Content --> <!-- Start Footer Section --> <footer> <div class="container"> <div class="row footer-widgets"> <!-- Start links Widget --> <div class="col-md-3 col-xs-12"> <div class="footer-widget twitter-widget"> <h4>USEFUL INFORMATION<span class="head-line"></span></h4> <ul> <li> <p><a href="http://repository.academyofathens.gr/kebmt/index.php/en/developer">For developers </a> </li> <li> <p><a href="http://repository.academyofathens.gr/kebmt/index.php/en/rights">Rights </a> </li> <li> <p><a href="http://repository.academyofathens.gr/kebmt/index.php/en/guide">How to use the portal </a> </li> </ul> </div> </div><!-- .col-md-3 --> <!-- End links Widget --> <!-- Start links Widget --> <div class="col-md-4 col-xs-12"> <div class="footer-widget twitter-widget"> <h4>Repository portals<span class="head-line"></span></h4> <div class="col-md-6 col-xs-12"> <ul> <li> <p><a href="http://repository.academyofathens.gr/" target="_blank">Central Portal </a> </li> <li> <p><a href="http://repository.academyofathens.gr/kendi/index.php" target="_blank">KENDI </a> </li> <li> <p><a href="http://repository.academyofathens.gr/keel/index.php" target="_blank">KEEL </a> </li> <li> <p><a href="http://repository.academyofathens.gr/kemne/index.php" target="_blank">KEMNE </a> </li> <li> <p><a href="http://repository.academyofathens.gr/keied/index.php" target="_blank">KEIED</a> </li> <li> <p><a href="http://repository.academyofathens.gr/keine/index.php" target="_blank">KEINE</a> </li> </ul> </div> <div class="col-md-6 col-xs-12"> <ul> <li> <p><a href="http://repository.academyofathens.gr/keef/index.php" target="_blank">KEEF</a> </li> <li> <p><a href="http://repository.academyofathens.gr/keeon/index.php" target="_blank">KEEON </a> </li> <li> <p><a href="http://repository.academyofathens.gr/kea/index.php" target="_blank">KEA </a> </li> <li> <p><a href="http://repository.academyofathens.gr/keek/index.php" target="_blank">KEEK</a> </li> <li> <p><a href="http://repository.academyofathens.gr/kebmt/index.php" target="_blank">KEBMT</a> </li> <li> <p><a href="http://repository.academyofathens.gr/library/index.php" target="_blank">LIBRARY</a> </li> </ul> </div> </div> </div><!-- .col-md-3 --> <!-- End links Widget --> <!-- Start Contact Widget --> <div class="col-md-3 col-xs-12"> <div class="footer-widget contact-widget"> <h4>CONTACT<span class="head-line"></span></h4> <ul> <li>Panepistimiou 28, 106 79 Athens</li> <li><span>韦:</span> 210 3634700</li> <li><span>F:</span> 210 3634806</li> <li><span>E-mail:</span> info@academyofathens.gr</li> </ul> </div> </div><!-- .col-md-3 --> <!-- End Contact Widget --> </div><!-- .row --> <!-- Start Copyright --> <div class="copyright-section"> <div class="row"> <div class="col-md-8"> </div><!-- .col-md-6 --> <div class="col-md-4"> <p>Copyright © <a href="http://www.academyofathens.gr/">ACADEMY OF ATHENS</a> 2015 All Rights Reserved </p> </div><!-- .col-md-6 --> </div><!-- .row --> </div> <!-- End Copyright --> </div> </footer> <div class="container text-center"> <img alt="" src="http://repository.academyofathens.gr/kebmt/images/footer_photo.png" > </div> <!-- End Footer Section --> </div> <!-- End Full Body Container --> <!-- Go To Top Link --> <a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a> <div id="loader"> <div class="spinner"> <div class="dot1"></div> <div class="dot2"></div> </div> </div> </body> </html>