<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>主页</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/layout.css">
</head>
<body>
<header>
<nav>
<div class="top_wrap">
<div class="logo_wrap">
<img src="images/logo1.png">
</div>
<ul class="menu_li">
<li class="active"><a href="#">主页<br><span>Home</span></a></li>
<li><a href="workShow.html">作品展示<br><span>Works</span></a></li>
<li><a href="teachingMethod.html">制皂记<br><span>Methods</span></a></li>
<li><a href="contactUs.html">联系我们<br><span>Contact</span></a></li>
</ul>
<div class="menu_catalog" id="show_list_btn">
<i></i>
</div>
</div>
<ul class="menu_list" id="con_list">
<li class="cur"><a href="newView.html">主页<span>Home</span></a></li>
<li><a href="workShow.html">作品展示<span>Works</span></a></li>
<li><a href="teachingMethod.html">制皂记<span>Methods</span></a></li>
<li><a href="contactUs.html">联系我们<span>Contact Us</span></a></li>
</ul>
</nav>
<div id="top_img" class="carousel slide ">
<!-- 轮播点 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0"
class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- 轮播图 -->
<div class="banner_con">
<div class="carousel-inner">
<div class="item active">
<div class="img_wrap">
<p>不骄，不矜，勤工，好学，才是好女子。</p>
<div class="img_border">
<img src="images/pic2.png">
</div>
<div class="img_border">
<img src="images/pic7.png">
</div>
</div>
</div>
<div class="item">
<div class="img_wrap">
<p>人静而后安，安而能后定，定而能后慧，慧而能后悟，悟而能后得。</p>
<div class="img_border">
<img src="images/pic3.png">
</div>
<div class="img_border">
<img src="images/pic4.png">
</div>
</div>
</div>
<div class="item">
<div class="img_wrap">
<p>有时候，一点微不足道的肯定，对我却意义非凡。</p>
<div class="img_border">
<img src="images/pic5.png">
</div>
<div class="img_border">
<img src="images/pic6.png">
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<main>
<div class="main_wrap1">
<div class="welcome">
<h2>欢迎来到"和皂"</h2>
<p>手工皂，就是我们自己DIY动手做香皂。只需要油脂、NaOH、水3种材料。手工香皂既可用作洗面，卸妆，又可用作沐浴用。手工香皂的泡沫细腻丰富，能彻底清除毛孔深处的油污，使肌肤滋润光泽，富有弹性。精油皂制作快大多成半透明状，且五颜六色非常漂亮；冷制凝脂皂制作周期长，毫不花哨。在这里都是兴趣相投的制皂人，一起分享，一起交流，一起享受制皂的快乐。</p>
</div>
</div>
<div class="main_wrap2">
<div class="pro_show">
<div class="pro_con">
<div class="pro_con_left" style="background-image: url('images/im1.jpg')">
</div>
<div class="pro_con_right">
<p>翡翠蕾丝手工皂</p>
<table>
<tr>
<td>制作人：</td>
<td>庫庫二凸</td>
</tr>
<tr>
<td>材料：</td>
<td>Olitalia EV橄榄油、椰子油、棕榈油、米糠油、酪梨油、乳油木果脂、蓖麻油、NaOH、丝瓜水、低温艾草粉、香茅精油</td>
</tr>
<tr>
<td>样式：</td>
<td>双层</td>
</tr>
<tr>
<td>制作流程：</td>
<td>制作蛋糕体，混合皂土，制作奶花，制作捏花，加装饰</td>
</tr>
<tr>
<td>制作时间：</td>
<td>15小时</td>
</tr>
</table>
<button class="btn btn-green">查看更多</button>
</div>
</div>
<div class="pro_con">
<div class="pro_con_left right" style="background-image: url('images/im2.jpg')">
</div>
<div class="pro_con_right">
<p>格子兔手工皂</p>
<table>
<tr>
<td>制作人：</td>
<td>晓晨熙熙</td>
</tr>
<tr>
<td>材料：</td>
<td>橄榄油300G、甜杏仁油120G、鳄梨油120G、橄榄脂60G、油总量600G、氢氧化钠81G、母乳285G、精油、洋甘菊精油2G、甜橙精油4G</td>
</tr>
<tr>
<td>样式：</td>
<td>月饼状</td>
</tr>
<tr>
<td>制作流程：</td>
<td>混合材料</td>
</tr>
<tr>
<td>制作时间：</td>
<td>4小时</td>
</tr>
</table>
<button class="btn btn-green">查看更多</button>
</div>
</div>
<div class="pro_con">
<div class="pro_con_left" style="background-image: url('images/im3.jpg')">
</div>
<div class="pro_con_right">
<p>芦荟手工皂</p>
<table>
67绿色清新手工皂化妆交互动态全套网站源代码.rar （73个子文件） 
006 
contactUs.html 3KB js 
bootstrap.min.js 47KB main.js 3KB jquery-2.0.0.min.js 81KB .idea .name 14B watcherTasks.xml 1KB vcs.xml 164B bootstrap demo.iml 281B workspace.xml 42KB misc.xml 599B modules.xml 280B encodings.xml 236B workShow.html 8KB css style.css 13KB bootstrap.min.css 150KB style.css.map 9KB layout.css 2KB .sass-cache 6c51b607701381ede10220328a154f08f8450ee9 layout.scssc 5KB style.scssc 87KB css 1KB build css style.css 13KB layout.scss 2KB layout.css.map 2KB style.scss 11KB teachingMethod.html 5KB index.html 13KB images show11.jpeg 54KB hi2.jpeg 9KB
show16.jpg 49KB im4.jpg 424KB show6.jpg 38KB show7.jpg 106KB zimg2.jpg 66KB
logo1.png 12KB show9.jpg 57KB show8.jpg 29KB hi1.jpg 8KB pic4.png 82KB im3.jpg 184KB pic2.png 78KB head7.jpeg 150KB head2.jpeg 100KB bg1.jpg 270KB head3.jpg 87KB hi4.jpg 10KB pic3.png 89KB pic5.png 86KB pic7.png 75KB pic1.png 80KB head1.jpeg 29KB show1.jpg 101KB im1.jpg 329KB img.jpg 194KB show4.jpg 74KB show5.jpeg 144KB hi3.jpg 8KB show12.jpg 178KB show14.jpg 214KB zimg1.jpg 122KB head4.jpg 62KB pic6.png 54KB im2.jpg 206KB show15.jpeg 71KB show10.jpg 69KB head5.jpg 53KB fonts SIMYOU.TTF 6.39MB FZLTCXHJW.TTF 1.68MB FZY1JW.TTF 2.7MB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB STXIHEI.TTF 9.32MB资源评论
千祥云集168
- 粉丝: 390
- 资源: 69
最新资源
- 财务收支利润明细表-可视化图表.xlsx
- 财务收入成本费用分析表-可视化图表.xlsx
- 1ef69c3e3bfa6ebc829f03a871190d69.part07
- 基于SpringBoot+Mysql的客房管理系统源代码+数据库+使用说明
- 1ef69c3e3bfa6ebc829f03a871190d69.part08
- 157.18x七政四余择日推命（BM）sj.zip
- 面向对象课程设计基于Java+MySQL+JDBC+JavaSwing的图书借阅管理系统源代码+数据库
- 1ef69c3e3bfa6ebc829f03a871190d69.part09
- 262f202cf82b41dd863fea6be0cd9e64.docx
- 1ef69c3e3bfa6ebc829f03a871190d69.part10
- IMG_20250204_115415.jpg
- QQMail_1738651481300.jpg
- IMG_20250204_143607.jpg
- Screenshot_20250204_141350_com.tencent.mm.jpg
- IMG_20250204_143507.jpg
- 1738635379883.png
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
