网页设计-美食探索网站资源-CSDN文库

共52个文件

svg：18个

css：10个

less：8个

课程设计

网页设计

需积分: 5 126 浏览量 2024-01-23 08:20:58 上传评论收藏 18.89MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

food_web - noweb.zip （52个子文件）

food_web - noweb

.vscode

settings.json 66B

htmls

other1.html 2KB

utils.js 2KB

index.js 5KB

other1.js 2KB

css

style.css 459B

media.css 985B

constants.css 0B

media_login.css 134B

other1.css 2KB

font-awesome.min.css 35KB

media_register.css 118B

index.css 7KB

fonts

AlimamaShuHeiTi-Bold.woff 786KB

FontAwesome.otf 132KB

fontawesome-webfont.eot 162KB

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

AlimamaShuHeiTi-Bold.woff2 663KB

fontawesome-webfont.svg 434KB

fontawesome-webfont.ttf 162KB

less

constants.less 184B

index.less 10KB

media_login.less 259B

other1.less 4KB

media.less 2KB

media_register.less 168B

index.html 9KB

images

index

feature2.svg 968KB

blog1.svg 341KB

feature1.svg 1.19MB

banner1.svg 660KB

CTA.svg 941KB

gallery4.svg 758KB

gallery2.svg 1.04MB

avatar1.svg 31KB

gallery3.svg 1.02MB

blog2.svg 440KB

gallery1.svg 869KB

feature4.svg 1.51MB

banner3.svg 585KB

avatar.svg 531KB

feature3.svg 472KB

banner2.svg 1.34MB

header.svg 1.55MB

videos

video.mp4 6.26MB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>美食探索</title> <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/index.css"> <link rel="stylesheet" href="css/media.css"> <script src="js/index.js" defer></script> </head> <body>  <div class="NavBar"> <div class="logo"> <a href="index.html">美食探索网站</a> </div> <div class="tabs"> <div class="tab">官网</div> <div class="tab">北京介绍页</div> <a href="htmls/other1.html" class="tab">其他页面1</a> <div class="tab">其他页面2</div> </div> <div class="actions"> <div class="avatar">  <a href="htmls/login.html">登录</a> </div> <div class="menu"> <i class="fa fa-align-justify "></i> </div> </div> </div>   <div class="Header"> <div class="info"> <div class="title">推广全国美食文化</div> <div class="subtitle">致力于为您带来最地道的美食体验</div> </div> <div class="left"> </div> <div class="right"> <img src="images/index/header.svg" alt=""> <div class="mask"></div> </div> </div>   <div class="Banner"> <div class="info"> <h2 class="title">官网首页Banner标题</h2> <p class="introduction">官网首页Banner介绍</p> </div> <div class="banners"> <div class="banner"> <img src="images/index/banner1.svg" alt=""> </div> <div class="banner"> <img src="images/index/banner2.svg" alt=""> </div> <div class="banner"> <img src="images/index/banner3.svg" alt=""> </div> </div> <div class="slider"> <div class="dot"></div> <div class="dot"></div> <div class="dot"></div> <div class="dot"></div> <div class="dot"></div> <div class="dot"></div> </div> </div>   <div class="Features"> <div class="title"> <h2 class="heading">推荐美食</h2> <span class="subtitle">网站为您推荐全国各地的美食佳肴，让您在舌尖上感受中国的美味。</span> </div> <div class="content"> <div class="item"> <img src="images/index/feature1.svg" alt=""> <h4 class="title">川菜</h4> <p class="subtitle">川菜是四川地方菜肴的统称，以其独特的麻辣味而闻名于世。</p> </div> <div class="item"> <img src="images/index/feature2.svg" alt=""> <h4 class="title">粤菜</h4> <p class="subtitle">粤菜是中国传统八大菜系之一，以其鲜美、细腻、广泛的口味而著名。</p> </div> <div class="item"> <img src="images/index/feature3.svg" alt=""> <h4 class="title">湘菜</h4> <p class="subtitle">湘菜是湖南地方菜肴的统称，以其麻、辣、香、鲜的独特口味而著名。</p> </div> <div class="item"> <img src="images/index/feature4.svg" alt=""> <h4 class="title">鲁菜</h4> <p class="subtitle">鲁菜是中国传统八大菜系之一，以其色香味俱佳、精细考究而著名。</p> </div> </div> </div>   <div class="Gallery"> <div class="title"> <h2 class="heading">美食图片</h2> <span class="subtitle">欣赏全国各地的美食图片，唤起您的味蕾和美食探索的欲望。</span> </div> <div class="content"> <div class="item"> <img src="images/index/gallery1.svg" alt=""> </div> <div class="item"> <img src="images/index/feature2.svg" alt=""> </div> <div class="item"> <img src="images/index/feature3.svg" alt=""> </div> <div class="item"> <img src="images/index/feature4.svg" alt=""> </div> </div> </div>   <div class="CTA"> <div class="title"> <h2 class="heading">探索中国美食文化</h2> <div class="subtitle"> <p>我们致力于推广全国各地美食文化，带您领略不同城市的美食风情。</p> <button>开始探索</button> <button>了解更多</button> </div> </div> <div> <img src="images/index/CTA.svg" alt=""> </div> </div>   <div class="Blog"> <div class="title"> <div class="heading">北京美食探索</div> <div class="subtitle">北京作为中国的首都，拥有丰富多样的美食，让您一次尽享。</div> </div> <div class="content"> <div class="card"> <img src="images/index/blog1.svg" alt="" class="pic"> <div class="content"> <span class="tag">地标美食</span> <span class="title">烤鸭</span> <div class="description">北京烤鸭是北京最有名的传统名菜之一，香嫩可口，诱人无比。</div> <div class="avatar"> <div class="pic"> <img src="images/index/avatar1.svg" alt=""> </div> <div class="userinfo"> <span class="username">秦晓刚</span> <div class="datetime"> <span class="date">1995-06-03</span> <span class="time">23:46:00</span> </div> </div> </div> </div> </div> <div class="card"> <img src="images/index/blog2.svg" alt="" class="pic"> <div class="content"> <span class="tag">特色小吃</span> <span class="title">炸酱面</span> <div class="description">炸酱面是北京的传统特色小吃，面条劲道，酱料浓郁，回味无穷。</div> <div class="avatar"> <div class="pic"> <img src="images/index/avatar1.svg" alt=""> </div> <div class="userinfo"> <span class="username">Samantha Taylor</span> <div class="datetime"> <span class="date">2013-06-13</span> <span class="time">20:47:56</span> </div> </div> </div> </div> </div> </div> <button>查看更多</button>

评论收藏

内容反馈