HTML5 final assignment: online florist / flower website design - atmospheric flower reservation Mall (6 pages) HTML+CSS+JavaScript student DW web page design assignment finished web course design web page planning and design computer completed web page design source code
Common web design topics include individuals, food, companies, schools, tourism, e-commerce, pets, electrical appliances, tea, home, hotels, dance, animation, stars, clothing, sports, cosmetics, logistics, environmental protection, books, wedding dress, military, games, festivals, smoking cessation, movies, photography, culture, hometown, flowers, gifts Car, other web design topics, A + level homework, can meet the web design needs of College Students' Web homework, and those who like can be downloaded!
🧡Author URI
🧡HTML final assignment column
Introduction to works
1. Introduction to web works: HTML final college students' web design homework A + level, you can download what you like, and the article page supports mobile PC responsive layout.
2. Web page work editing: after downloading the work, you can use any HTML editing software (such as DW, HBuilder, Notepad, vscade, Sublime, Webstorm, Notepad + +, etc.) to edit and modify the web page.
3. Web work technology: Div+CSS, mouse over effect, Table, navigation bar effect, banner, form, secondary and tertiary pages, video, audio elements, Flash, logo (source file) is designed, and the knowledge points required for basic final homework are fully covered.
1, Work display
2, File directory
3, Code implementation
<!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>FloSun - Flower Shop HTML5 Template</title> <meta name="robots" content="noindex, follow" /> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Favicon --> <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.ico"> <!-- CSS ============================================ --> <!-- Bootstrap CSS --> <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css"> <!-- Font Awesome CSS --> <link rel="stylesheet" href="assets/css/vendor/font.awesome.min.css"> <!-- <!-- Main Style CSS --> <link rel="stylesheet" href="assets/css/style.css"> </head> <body> <!--===== Pre-Loading area Start =====--> <div id="preloader"> <div class="preloader"> <div class="spinner-block"> <h1 class="spinner spinner-3 mb-0">.</h1> </div> </div> </div> <!--==== Pre-Loading Area End ====--> <!-- Header Area Start Here --> <header class="main-header-area"> <!-- Main Header Area Start --> <div class="main-header header-transparent header-sticky"> <div class="container-fluid"> <div class="row align-items-center"> <div class="col-lg-2 col-xl-2 col-md-6 col-6 col-custom"> <div class="header-logo d-flex align-items-center"> <a href="index.html"> <img class="img-full" src="assets/images/logo/logo.png" alt="Header Logo"> </a> </div> </div> <div class="col-lg-8 d-none d-lg-flex justify-content-center col-custom"> <nav class="main-nav d-none d-lg-flex"> <ul class="nav"> <li> <a class="active" href="index.html"> <span class="menu-text"> Home</span> <i class="fa fa-angle-down"></i> </a> <ul class="dropdown-submenu dropdown-hover"> <li><a class="active" href="index.html">Home Page - 1</a></li> <li><a href="index-2.html">Home Page - 2</a></li> <li><a href="index-3.html">Home Page - 3</a></li> </ul> </li> <li> <a href="shop.html"> <span class="menu-text">Shop</span> <i class="fa fa-angle-down"></i> </a> <div class="mega-menu dropdown-hover"> <div class="menu-colum"> <ul> <li><span class="mega-menu-text">Shop</span></li> <li><a href="shop.html">Shop Left Sidebar</a></li> <li><a href="shop-right-sidebar.html">Shop Right Sidebar</a></li> <li><a href="shop-list-left.html">Shop List Left Sidebar</a></li> <li><a href="shop-list-right.html">Shop List Right Sidebar</a></li> <li><a href="shop-fullwidth.html">Shop Full Width</a></li> </ul> </div> <div class="menu-colum"> <ul> <li><span class="mega-menu-text">Product</span></li> <li><a href="product-details.html">Single Product</a></li> <li><a href="variable-product-details.html">Variable Product</a></li> <li><a href="external-product-details.html">External Product</a></li> <li><a href="gallery-product-details.html">Gallery Product</a></li> <li><a href="countdown-product-details.html">Countdown Product</a></li> </ul> </div> <div class="menu-colum"> <ul> <li><span class="mega-menu-text">Others</span></li> <li><a href="error-404.html">Error 404</a></li> <li><a href="compare.html">Compare Page</a></li> <li><a href="cart.html">Cart Page</a></li> <li><a href="checkout.html">Checkout Page</a></li> <li><a href="wishlist.html">Wishlist Page</a></li> </ul> </div> </div> </li> <li> <a href="blog-details-fullwidth.html"> <span class="menu-text"> Blog</span> <i class="fa fa-angle-down"></i> </a> <ul class="dropdown-submenu dropdown-hover"> <li><a href="blog.html">Blog Left Sidebar</a></li> <li><a href="blog-list-right-sidebar.html">Blog List Right Sidebar</a></li> <li><a href="blog-list-fullwidth.html">Blog List Fullwidth</a></li> <li><a href="blog-grid.html">Blog Grid Page</a></li> <li><a href="blog-grid-right-sidebar.html">Blog Grid Right Sidebar</a></li> <li><a href="blog-grid-fullwidth.html">Blog Grid Fullwidth</a></li> <li><a href="blog-details-sidebar.html">Blog Details Sidebar</a></li> <li><a href="blog-details-fullwidth.html">Blog Details Fullwidth</a></li> </ul> </li> <li> <a href="#"> <span class="menu-text"> Pages</span> <script src="assets/js/plugins/jquery.ajaxchimp.min.js"></script> <!-- Jquery Ui js --> <script src="assets/js/plugins/jquery-ui.min.js"></script> <!-- Jquery Countdown js --> <script src="assets/js/plugins/jquery.countdown.min.js"></script> <!-- jquery magnific popup js --> <script src="assets/js/plugins/jquery.magnific-popup.min.js"></script> <!-- Main JS --> <script src="assets/js/main.js"></script> </body> </html>
4, Learning materials
A complete set of web front-end zero foundation - Introduction to advanced (Video + source code + development software + learning materials + interview questions) (Tutorial)
Suitable for entry-level to advanced children's shoes ~ send 1000 sets of HTML+CSS+JavaScript template websites
5, Complete source code
[Baidu online disk - source code download address]
Link: https://pan.baidu.com/s/1UdFzRE6mEKC5D1xALTMbYw
Extraction code: 8888
6, More source code
HTML5 final assessment homework source code * includes individuals, food, companies, schools, tourism, e-commerce, pets, electrical appliances, tea, home, hotels, dance, animation, stars, clothing, sports, cosmetics, logistics, environmental protection, books, wedding dress, military, games, festivals, smoking cessation, movies, photography, culture, hometown, flowers Gifts, cars and others can meet the web design needs of College Students' Web homework. You can download what you like!