HTML5期末大作业：甜品奶茶网站设计——甜品奶茶店(19页) HTML5网页设计成品_学生DW静态网页设计_web课程设计网页制作
常见网页设计作业题材有
个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他等网页设计题目,A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
获取更多源码
PC电脑端关注我们
🧡作者主页-更多源码
🧡HTML期末大作业文章专栏
作品介绍
1.网页作品简介：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。
2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++等任意HTML软件编辑修改网页）。
3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、 音频元素 、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。
文章目录
HTML5期末大作业：甜品奶茶网站设计——甜品奶茶店(19页) HTML5网页设计成品_学生DW静态网页设计_web课程设计网页制作获取更多源码作品介绍一、作品展示二、文件目录三、代码实现四、获取更多源码五、学习资料六、更多源码一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Foodily HTML-5 Template | Homepage 02</title><!-- Stylesheets --><link href="css/bootstrap.css" rel="stylesheet"><link href="css/style.css" rel="stylesheet"><link href="css/responsive.css" rel="stylesheet"><link href="/css2?family=Niconne&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Tangerine:wght@400;700&display=swap" rel="stylesheet"><link rel="shortcut icon" href="images/favicon.png" type="image/x-icon"><link rel="icon" href="images/favicon.png" type="image/x-icon"><!-- Responsive --><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"><!--[if lt IE 9]><script src="/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]--><!--[if lt IE 9]><script src="js/respond.js"></script><![endif]--></head><body class="hidden-bar-wrapper"><div class="page-wrapper"><!-- Preloader --><div class="preloader"></div><!-- Main Header / Header Style Two --><header class="main-header header-style-two"><!-- Header Upper --><div class="header-upper"><ul class="social-list"><li><a href="#"><span class="icon fa fa-facebook"></span></a></li><li><a href="#"><span class="icon fa fa-twitter"></span></a></li><li><a href="#"><span class="icon fa fa-instagram"></span></a></li></ul><div class="auto-container"><div class="clearfix"><div class="pull-left logo-box"><div class="logo"><a href="index.html"><img src="images/logo.png" alt="" title=""></a></div></div><div class="nav-outer clearfix"><!-- Mobile Navigation Toggler --><div class="mobile-nav-toggler"><span class="icon flaticon-menu"></span></div><!-- Main Menu --><nav class="main-menu navbar-expand-md"><div class="navbar-header"><button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button></div><div class="navbar-collapse scroll-nav show collapse clearfix" id="navbarSupportedContent"><ul class="navigation left-nav clearfix"><li class="current dropdown"><a href="#home">Home</a></li><li><a href="#specials">Specials</a></li><li><a href="#location">Locations</a></li><li><a href="#menu">Menu</a></li></ul><ul class="navigation right-nav clearfix"><li><a href="#about">About</a></li><li><a href="#gallery">Gallery</a></li><li><a href="#contact">Contact us</a></li></ul></div></nav></div></div></div></div><!-- End Header Upper --><!-- Mobile Menu --><div class="mobile-menu"><div class="menu-backdrop"></div><div class="close-btn"><span class="icon flaticon-multiply"></span></div><nav class="menu-box"><div class="nav-logo"><a href="index.html"><img src="images/logo-2.png" alt="" title=""></a></div><div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div></nav></div><!-- End Mobile Menu --></header><!-- End Main Header --><!-- Sidebar Cart Item --><div class="xs-sidebar-group info-group"><div class="xs-overlay xs-bg-black"></div><div class="xs-sidebar-widget"><div class="sidebar-widget-container"><div class="widget-heading"><a href="#" class="close-side-widget">X</a></div><div class="sidebar-textwidget"><!-- Sidebar Info Content --><div class="sidebar-info-contents"><div class="content-inner"><div class="logo"><a href="index.html"><img src="images/logo.png" alt="" /></a></div><div class="content-box"><h2>About Us</h2><p class="text">The argument in favor of using filler text goes something like this: If you use real content in the Consulting Process, anytime you reach a review point you’ll end up reviewing and negotiating the content itself and not the design.</p><a href="contact.html" class="theme-btn btn-style-one clearfix"><span class="icon"></span>Consultation</a></div><div class="contact-info"><h2>Contact Info</h2><ul class="list-style-one"><li><span class="icon fa fa-location-arrow"></span>Chicago 12, Melborne City, USA</li><li><span class="icon fa fa-phone"></span>(111) 111-111-1111</li><li><span class="icon fa fa-envelope"></span>foodily@</li><li><span class="icon fa fa-clock-o"></span>Week Days: 09.00 to 18.00 Sunday: Closed</li></ul></div><!-- Social Box --><ul class="social-box"><li class="facebook"><a href="#" class="fa fa-facebook-f"></a></li><li class="twitter"><a href="#" class="fa fa-twitter"></a></li><li class="linkedin"><a href="#" class="fa fa-linkedin"></a></li><li class="instagram"><a href="#" class="fa fa-instagram"></a></li><li class="youtube"><a href="#" class="fa fa-youtube"></a></li></ul></div></div></div></div><div class="footer-bottom"><div class="auto-container"><div class="copyright">© <a href="index.html">foodily</a> All Rights Reserved.</div></div></div></footer></div><!--End pagewrapper--><!-- Search Popup --><div class="search-popup"><button class="close-search style-two"><span class="flaticon-multiply"></span></button><button class="close-search"><span class="flaticon-up-arrow-1"></span></button><form method="post" action="blog.html"><div class="form-group"><input type="search" name="search-field" value="" placeholder="Search Here" required=""><button type="submit"><i class="fa fa-search"></i></button></div></form></div><!-- End Header Search --><!--Scroll to top--><div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-arrow-up"></span></div><script src="js/jquery.js"></script><script src="js/popper.min.js"></script><script src="js/bootstrap.min.js"></script><script src="js/jquery.fancybox.js"></script><script src="js/appear.js"></script><script src="js/parallax.min.js"></script><script src="js/tilt.jquery.min.js"></script><script src="js/jquery.paroller.min.js"></script><script src="js/owl.js"></script><script src="js/wow.js"></script><script src="js/pagenav.js"></script><script src="js/validate.js"></script><script src="js/isotope.js"></script><script src="js/nav-tool.js"></script><script src="js/jquery-ui.js"></script><script src="js/script.js"></script></body></html>
四、获取更多源码
PC电脑端关注我们
五、学习资料
web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
六、更多源码
HTML5期末考核大作业源码* 包含个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
HTML5期末大作业：甜品奶茶网站设计——甜品奶茶店(19页) HTML5网页设计成品_学生DW静态网页设计_web课程设计网页制作
