紫色宽屏风格html5美元交易平台网页模板代码下载



4 14 5



模板描述:紫色 宽屏 html5 美元交易平台 网页模板代码下载,紫色宽屏风格html5美元交易平台网页模板代码下载html模板下载

代码结构

1. 引入CSS

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/fontawesome.min.css">
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/style.css">

2. 引入JS

<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/jquery-migrate-3.0.1.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/jquery.magnific-popup.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/main.js"></script>

3. HTML代码

        <!-- Preloader -->
		<div class="preloader">
			<img src="images/loader-img.gif" alt="">
		</div><!-- /Preloader -->
        <!--Header Top-->
		<div class="header-top">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
                        <div class="social-media">
                            <a href=""><i class="fab fa-facebook"></i></a>
                            <a href=""><i class="fab fa-twitter"></i></a>
                            <a href=""><i class="fab fa-dribbble"></i></a>
                            <a href=""><i class="fab fa-pinterest"></i></a>
                            <a href=""><i class="fab fa-linkedin"></i></a>
                        </div>
                    </div>
                    <div class="col-lg-8 col-md-6 col-sm-12 col-xs-12">
                        <div class="header-top-menu">
                            <ul>
                                <li><a href="#">Login</a></li>
                                <li><a href="#">Registration</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div><!--/Header Top-->
        <!-- Header Area -->
        <header class="main_menu_area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <nav class="navbar navbar-expand-lg navbar-light">
                            <a class="navbar-brand" href="index.html"><img src="images/logo.png" alt=""></a>
                            <div class="mobile_toggle">
                                <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="collapse navbar-collapse" id="navbarSupportedContent">
                                <ul class="navbar-nav mr-auto">
                                    <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
                                    <li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
                                    <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
                                </ul>
                            </div>
                        </nav>
                    </div>
                </div>
            </div>
        </header><!-- Header Area -->
        <!-- banner begin -->
        <div class="banner">
            <div class="container">
                <div class="row justify-content-between">
                    <div class="col-xl-6 col-lg-6">
                        <div class="bannner-content">
                            <h1>best rate for currency</h1>
                            <p>Semper et vehicula. Ac vestibulum, in quis mollis metus, mattis ipsum gnissim proin. Nibh mollis mauris nunc mollis
                            quam.</p>
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="images/button-1.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/button-2.png" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xl-5 col-lg-5 d-xl-flex d-lg-flex d-block align-items-center">
                        <div class="part-img">
                            <img src="images/banner-shape.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- banner end -->
        <!-- statics begin -->
        <div class="statics">
            <div class="container">
                <div class="row">
                    <div class="col-xl-3 col-lg-3 d-xl-flex d-lg-flex d-block align-items-center">
                        <div class="section-title">
                            <h4>24 hours statics</h4>
                        </div>
                    </div>
                    <div class="col-xl-9 col-lg-9">
                        <div class="all_statics">
                            <div class="row">
                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6">
                                    <div class="single-statics">
                                        <span class="number">2214m</span>
                                        <span class="title">transaction</span>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6">
                                    <div class="single-statics">
                                        <span class="number">1478s</span>
                                        <span class="title">processing time</span>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6">
                                    <div class="single-statics">
                                        <span class="number">150m</span>
                                        <span class="title">visits today</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- statics end -->
        <!-- about begin -->
        <div class="about section-padding-2 gray-bg">
            <div class="container">
                <div class="row">
                    <div class="col-xl-4 col-lg-4">
                        <div class="segment">
                            <div class="part-img">
                                <img src="images/about-1.jpg" alt="">
                            </div>
                            <div class="part-text">
                                <h3>easy mobile apps</h3>
                                <p>Semper et vehicula. Ac vestibulum, in quis mollis metus, 
                                mattis ipsum et imperdiet dignissproin. Nibh mollis mauris nunc
                                mollis quam.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-8 col-lg-8">
                        <div class="segment">
                            <div class="part-img">
                                <img src="images/about-2.jpg" alt="">
                            </div>
                            <div class="part-text">
                                <h3>best currency exchange</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidunt ut labore et dolore magna
                                aliqua. Quis ipsum suspendisse ultrices gravida. Risus mmodo viverra maecenas accumsan lacus vel facilisis.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- about end -->
        <!-- testimonial & convert currency begin -->
        <div class="testi-currency section-padding">
            <div class="container">
                <div class="row">
                    <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
                        <div class="testimonial-area">
                            <div class="testimonial-slider">
                                <div class="single-testimonial">
                                    <img src="images/quotation-marks.svg" alt="">
                                    <p>praesent placerat etiadonec solludllis elit elemtum uttique qustique est ac amet in conubia quam tend this is
                                        good for
                                        exchange Nisl proin odio, posuere lacus gidanam ridiculus nam viverra</p>
                                    <h4 class="user_name">martin koro</h4>
                                    <span class="position">business man</span>
                                </div>
                                <div class="single-testimonial">
                                    <img src="images/quotation-marks.svg" alt="">
                                    <p>praesent placerat etiadonec solludllis elit elemtum uttique qustique est ac amet in conubia quam tend this is
                                        good for
                                        exchange Nisl proin odio, posuere lacus gidanam ridiculus nam viverra</p>
                                    <h4 class="user_name">martin koro</h4>
                                    <span class="position">business man</span>
                                </div>
                                <div class="single-testimonial">
                                    <img src="images/quotation-marks.svg" alt="">
                                    <p>praesent placerat etiadonec solludllis elit elemtum uttique qustique est ac amet in conubia quam tend this is
                                        good for
                                        exchange Nisl proin odio, posuere lacus gidanam ridiculus nam viverra</p>
                                    <h4 class="user_name">martin koro</h4>
                                    <span class="position">business man</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 d-xl-flex d-lg-flex d-block align-items-center">
                        <div class="convert-currency">
                            <h3>convert currency</h3>
                            <form>
                                <div class="form-group">
                                    <label for="formGroupExampleInput">You Send</label>
                                    <div class="d-flex">
                                        <input type="text" class="form-control" id="formGroupExampleInput" placeholder="$2546">
                                        <select class="custom-select mr-sm-2" id="inlineFormCustomSelect">
                                            <option selected>USD</option>
                                            <option value="1">BTC</option>
                                            <option value="2">INR</option>
                                            <option value="3">RMB</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="formGroupExampleInput2">You Received</label>
                                    <div class="d-flex">
                                        <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="2454.21">
                                        <select class="custom-select mr-sm-2" id="inlineFormCustomSelect2">
                                            <option>USD</option>
                                            <option value="1">BTC</option>
                                            <option value="2">INR</option>
                                            <option selected value="3">RMB</option>
                                        </select>
                                    </div>
                                </div>
                                <button type="submit">Exchange Now</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- testimonial & convert currency end -->
        <!-- benifit begin -->
        <div class="benifit">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-8 col-lg-8">
                        <div class="section-title text-center">
                            <h2>What kind of benifit for you</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-4 col-lg-4">
                        <div class="single-img">
                            <img src="images/benifit-1.jpg" alt="">
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4">
                        <div class="single-text">
                            <h3>Mauris facino posuere
                            pharetra tricies</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adiing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                            Quis ipsum spendisse ultrices gravida. Risodo viverra manas accumsan lacus vel facilisis. Semper et vehila. Ac
                            vestibulum, in quis mollis metus mattiipsum et imperdiet dignissim proin.</p>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4">
                        <div class="single-text">
                            <h3>Mauris facino posuere
                                pharetra tricies</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adiing elit, sed do eiusmod tempor incididunt ut labore et dolore
                                magna aliqua.
                                Quis ipsum spendisse ultrices gravida. Risodo viverra manas accumsan lacus vel facilisis. Semper et vehila.
                                Ac
                                vestibulum, in quis mollis metus mattiipsum et imperdiet dignissim proin.</p>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4">
                        <div class="single-text">
                            <h3>Mauris facino posuere
                                pharetra tricies</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adiing elit, sed do eiusmod tempor incididunt ut labore et dolore
                                magna aliqua.
                                Quis ipsum spendisse ultrices gravida. Risodo viverra manas accumsan lacus vel facilisis. Semper et vehila.
                                Ac
                                vestibulum, in quis mollis metus mattiipsum et imperdiet dignissim proin.</p>
                        </div>
                    </div>
                    <div class="col-xl-8 col-lg-8">
                        <div class="single-img">
                            <img src="images/benifit-2.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- benifit end -->
        <!-- reserve begin -->
        <div class="reserve section-padding">
            <div class="container">
                <div class="row">
                    <div class="col-xl-8 col-lg-8">
                        <div class="section-title">
                            <h2>check our reserve</h2>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-between">
                    <div class="col-xl-8 col-lg-8">
                        <div class="table-chart table-responsive">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th scope="col">currency</th>
                                        <th scope="col">reserve</th>
                                        <th scope="col">currency</th>
                                        <th scope="col">reserve</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <th scope="row">perfect money</th>
                                        <td>5874.158</td>
                                        <td>state bank</td>
                                        <td>5874.158</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">payoneer usd</th>
                                        <td>5874.158</td>
                                        <td>state bank</td>
                                        <td>5874.158</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">paypal usd</th>
                                        <td>5874.158</td>
                                        <td>state bank</td>
                                        <td>5874.158</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">neteller usd</th>
                                        <td>5874.158</td>
                                        <td>state bank</td>
                                        <td>5874.158</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">bitcoin</th>
                                        <td>5874.158</td>
                                        <td>state bank</td>
                                        <td>5874.158</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">etherium</th>
                                        <td>5874.158</td>
                                        <td>state bank</td>
                                        <td>5874.158</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">litecoin</th>
                                        <td>5874.158</td>
                                        <td>state bank</td>
                                        <td>5874.158</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">skrill usd</th>
                                        <td>5874.158</td>
                                        <td>state bank</td>
                                        <td>5874.158</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4">
                        <div class="pie-chart">
                            <h3>Our Reserve</h3>
                            <img src="images/chart.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- reserve end -->
        <!-- advisor begin -->
        <div class="advisor section-padding">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-8 col-lg-8">
                        <div class="section-title text-center">
                            <h2>our expert advisor</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6">
                        <div class="single-member">
                            <div class="part-pic">
                                <img src="images/advisor-1.jpg" alt="">
                            </div>
                            <div class="part-details">
                                <h3>martin cool</h3>
                                <p>Lorem ipsum dolor sit amet, tristique a, montes lacus maecenas nulla ut mollis</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6">
                        <div class="single-member">
                            <div class="part-pic">
                                <img src="images/advisor-2.jpg" alt="">
                            </div>
                            <div class="part-details">
                                <h3>nikorin muki</h3>
                                <p>Lorem ipsum dolor sit amet, tristique a, montes lacus maecenas nulla ut mollis</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6">
                        <div class="single-member">
                            <div class="part-pic">
                                <img src="images/advisor-3.jpg" alt="">
                            </div>
                            <div class="part-details">
                                <h3>martin cool</h3>
                                <p>Lorem ipsum dolor sit amet, tristique a, montes lacus maecenas nulla ut mollis</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="video-area">
                    <div class="row">
                        <div class="col-xl-4 col-lg-4">
                            <div class="video">
                                <img src="images/video.png" alt="">
                                <div class="play-button">
                                    <a href="#"><i class="fas fa-play"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-8 col-lg-8">
                            <div class="part-text">
                                <h2>let's know about our privacy
                                & tream</h2>
                                <p class="first">Lorem ipsum dolor sit amet, lacus nunc imperdiet, et rutrum suspendisse Augueros consectetuer ac luctus, euismod congue
                                ut sodales, neque non velit iiusto nullam fusce placerat quis, morbi eget. Sollicitudin porta nibh wisi erat</p>
                                <div class="row">
                                    <div class="col-xl-6 col-lg-6">
                                        <h3>porttitor gravidaing</h3>
                                        <p>Dharetra mus in diam mogravpit mauris donec tempore tlaoreet lobortis sapien tellus pelltesque mattis, montes eu velit
                                        contum pede auctor, at at velit. Ac dolor sapien, eget accumsan lacus sed, velit torquent</p>
                                    </div>
                                    <div class="col-xl-6 col-lg-6">
                                        <h3>free subcribe for usa</h3>
                                        <p>Dharetra mus in diam mogravpit mauris donec tempore tlaoreet lobortis sapien tellus pelltesque mattis, montes eu velit
                                        contum pede auctor, at at velit. Ac dolor sapien, eget accumsan lacus sed, velit torquent,</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- advisor end -->
        <!-- blog begin -->
        <div class="blog gray-bg section-padding-2">
            <div class="container">
				<div class="row justify-content-center">
                    <div class="col-xl-8 col-lg-8">
                        <div class="section-title text-center">
                            <h2>Latest News</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-4 col-lg-4">
                        <div class="single-blog">
                            <div class="part-img">
                                <img src="images/blog-1.jpg" alt="">
                            </div>
                            <div class="part-text">
                                <h3><a href="">Pede laoreet wisi lorem por maecenas vestib</a></h3>
                                <p>semper fringilla felis. Eu lectus mi elementum, vel facilisis sed amet elitconsequat a praesent ridiculus lectus eros pellentesque.</p>
                            </div>
                            <div class="meta-info">
                                <span class="posted-by">post by - aminur</span>
                                <span class="date">20 may 2019</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4">
                        <div class="single-blog">
                            <div class="part-img">
                                <img src="images/blog-2.jpg" alt="">
                            </div>
                            <div class="part-text">
                                <h3><a href="">Ridiculus lectus, sociis euis mod eu amet.</a></h3>
                                <p>semper fringilla felis. Eu lectus mi elementum, vel facilisis sed amet elitconsequat a praesent ridiculus
                                    lectus eros
                                    pellentesque.</p>
                            </div>
                            <div class="meta-info">
                                <span class="posted-by">post by - aminur</span>
                                <span class="date">20 may 2019</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4">
                        <div class="single-blog">
                            <div class="part-img">
                                <img src="images/blog-3.jpg" alt="">
                            </div>
                            <div class="part-text">
                                <h3><a href="">Congue habitant lacus hend rerit donec.</a></h3>
                                <p>semper fringilla felis. Eu lectus mi elementum, vel facilisis sed amet elitconsequat a praesent ridiculus
                                    lectus eros
                                    pellentesque.</p>
                            </div>
                            <div class="meta-info">
                                <span class="posted-by">post by - aminur</span>
                                <span class="date">20 may 2019</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- blog end -->
        <!-- brand begin -->
        <div class="brand section-padding">
            <div class="container">
                <div class="row">
                    <div class="col-xl-4 col-lg-4">
                        <div class="single-brand">
                            <img src="images/brand-1.png" alt="">
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4">
                        <div class="single-brand">
                            <img src="images/brand-2.png" alt="">
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4">
                        <div class="single-brand">
                            <img src="images/brand-3.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- brand end -->
        <!-- newsletter begin -->
        <div class="newsletter">
            <div class="container">
                <div class="row">
                    <div class="col-xl-4 col-lg-4">
                        <div class="part-img">
                            <img src="images/newsletter.png" alt="">
                        </div>
                    </div>
                    <div class="col-xl-8 col-lg-8 d-xl-flex d-lg-flex d-block align-items-center">
                        <div class="newsletter-area">
                            <h2>singup for our newsletter</h2>
                            <p>Lorem ipsum dolor sit amet, ut id montes dui aenean</p>
                            <form>
                                <input type="email" placeholder="enter your email address">
                                <button><i class="fas fa-space-shuttle"></i></button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- newsletter end -->
        <!-- footer begin -->
        <div class="footer">
            <div class="container">
                <div class="row justify-content-between">
                    <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
                        <div class="address-widget">
                            <h3>address</h3>
                            <ul>
                                <li>Celeste Slater</li>
                                <li>606-3727 Ullamcorper. Street</li>
                                <li>Roseville NH 11523</li>
                                <li>(786) 713-8616</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-2 col-md-4 col-sm-6">
                        <div class="other-widget">
                            <h3>benifits</h3>
                            <ul>
                                <li><a href="">Exchange</a></li>
                                <li><a href="">Transection</a></li>
                                <li><a href="">See live</a></li>
                                <li><a href="">Secure use</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
                        <div class="other-widget">
                            <h3>About</h3>
                            <ul>
                                <li><a href="">About us</a></li>
                                <li><a href="">Contact us</a></li>
                                <li><a href="">Services</a></li>
                                <li><a href="">Long transection</a></li>
                                <li><a href="">Registration</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
                        <div class="about-widget">
                            <h3>about company</h3>
                            <p>Lorem ipsum dolor sit amet, curabitur habitassen pretium enim vitae hac non, eleifend donec eget sit duis curabitur
                            vehicula dignissimsem in,</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- footer end -->
        <!-- copyright begin -->
        <div class="copyright">
            <div class="container">
                <div class="row">
                    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                        <div class="copyright-text">
                            <P>Copyright &copy; 2019.Company name All rights reserved.<a href="https://www.51qianduan.com/">51前端</a></P>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                        <div class="payment">
                            <ul>
                                <li>
                                    <p>we accept</p>
                                </li>
                                <li>
                                    <img src="images/we-accept.png" alt="">
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- copyright end -->
        <!-- jquery -->
        <!-- bootstrap -->
        <!-- owl carousel -->
        <!-- magnific popup -->
        <!-- counter up js -->
        <!-- way poin js-->
        <!-- wow js-->
        <!-- main -->



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 行业 企业 公司 工厂 分类 响应式 自适应 设备 风格 颜色 企业 行业 公司 工厂 bootstrap bootstrap自适应 bootstrap响应式 欧美风 欧美 欧洲 美洲 pc+wap 移动+电脑 手机+电脑 金融 理财 保险 金融公司 理财公司 保险公司 简洁 简约 简单 紫色

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到