前端学习记录10

2021-12-05 20:00:42 阅读：204 来源： 互联网

标签：10 数码慧杰前端记录 Production nbsp 印花机 Advertising

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="public(1).css">
    <link rel="stylesheet" href="public(1).css">
</head>
<body>
<div id="header">

</div>
<div id="nav">
    <ul>
        <li class="active"><a href="index.html">慧杰首页</a></li>
        <li><a href="about.html">关于慧杰</a></li>
        <li>慧杰服务</li>
        <li>设备中心</li>
        <li>购物指南</li>
        <li>联系我们</li>
    </ul>
</div>
<div id="slide">
    <div>
        <img src="./数码印刷机/img/a3.jpg" alt="">
        <img src="./数码印刷机/img/a2.jpg" alt="">
        <img src="./数码印刷机/img/a1.jpg" alt="">
        <img src="./数码印刷机/img/a.jpg" alt="">
        <img src="./数码印刷机/img/a3.jpg" alt="">
    </div>
</div>
<div id="products">
    <h4>『慧杰』数码印花设备</h4>
    <p>具有高光性能制造工艺，量身打造高性价比细分产品，保证每个产品的功能和品质。</p>
    <ul>
        <li>八爪鱼（椭圆）数码印花机</li>
        <li>八爪鱼（椭圆）数码印花机</li>
        <li>八爪鱼（椭圆）数码印花机</li>
    </ul>
    <ul>
        <li>
            <img src="" alt="">
        </li>
        <li>
            <img src="" alt="">
        </li>
        <li>
            <img src="" alt="">
        </li>
    </ul>
    <h3>SATISFACTION<br>客户满意是我们的追求</h3>

</div>
<div id="advantage">
    <h4>应用行业</h4>
    <p>——————————————&nbsp;&nbsp;&nbsp;是您选择我们的方向&nbsp;&nbsp;&nbsp;——————————————</p>
    <ol>
        <li>
            <a href="">
                <div>
                    01
                </div>
                <div>
                    <h5>广告制作</h5>
                    <span>Advertising Production</span>
                </div>
            </a>
        </li>
        <li>
            <a href="">
                <div>
                    02
                </div>
                <div>
                    <h5>广告制作</h5>
                    <span>Advertising Production</span>
                </div>
            </a>
        </li>
        <li>
            <a href="">
                <div>
                    03
                </div>
                <div>
                    <h5>广告制作</h5>
                    <span>Advertising Production</span>
                </div>
            </a>
        </li>
        <li>
            <a href="">
                <div>
                    04
                </div>
                <div>
                    <h5>广告制作</h5>
                    <span>Advertising Production</span>
                </div>
            </a>
        </li>
    </ol>
    <ul>
        <li>
            <a href="">
                <img src="img/search.png" alt="">
            </a>
        </li>
        <li>
            <a href="">
                <img src="img/search.png" alt="">
            </a>
        </li>
        <li>
            <a href="">
                <img src="img/search.png" alt="">
            </a>
        </li>
        <li>
            <a href="">
                <img src="img/search.png" alt="">
            </a>
        </li>
    </ul>
</div>

</body>
</html>

标签：10,数码,慧杰,前端,记录,Production,nbsp,印花机,Advertising
来源： https://www.cnblogs.com/huzhibolibrary/p/15646889.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

前端学习记录10