|
|
@@ -0,0 +1,82 @@
|
|
|
+<html>
|
|
|
+ <head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>杰通律师事务所</title>
|
|
|
+ <link rel="stylesheet" href="src/css/index.css">
|
|
|
+ <!--animate.style-->
|
|
|
+ <link rel="stylesheet" href="src/css/animate.min.css">
|
|
|
+ <!--jquery-->
|
|
|
+ <script src="src/script/jquery.min.js"></script>
|
|
|
+ <!--swiper-->
|
|
|
+ <link rel="stylesheet" href="src/script/swiper-bundle.min.css" />
|
|
|
+ <script src="src/script/swiper-bundle.min.js"></script>
|
|
|
+ <!--local-->
|
|
|
+ <script src="src/script/script.js"></script>
|
|
|
+ </head>
|
|
|
+ <body>
|
|
|
+ <!--动态特效-->
|
|
|
+ <!--文档 https://animate.style/-->
|
|
|
+ <div style="text-align: center;">
|
|
|
+ <h1 class="animate__animated animate__bounce">动态效果</h1>
|
|
|
+ <!--延迟2秒 animate__delay-2s-->
|
|
|
+ <h1 class="animate__animated animate__heartBeat animate__delay-2s">动态效果</h1>
|
|
|
+ <h1 class="animate__animated animate__fadeIn">动态效果</h1>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!--轮播图-->
|
|
|
+
|
|
|
+ <!--Swiper -->
|
|
|
+ <!--文档地址：https://www.swiper.com.cn/demo/index.html-->
|
|
|
+ <div class="swiper mySwiper" style="width: 600px;height: 400px;">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide">Slide 1</div>
|
|
|
+ <div class="swiper-slide">Slide 2</div>
|
|
|
+ <div class="swiper-slide">Slide 3</div>
|
|
|
+ <div class="swiper-slide">Slide 4</div>
|
|
|
+ <div class="swiper-slide">Slide 5</div>
|
|
|
+ <div class="swiper-slide">Slide 6</div>
|
|
|
+ <div class="swiper-slide">Slide 7</div>
|
|
|
+ <div class="swiper-slide">Slide 8</div>
|
|
|
+ <div class="swiper-slide">Slide 9</div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-button-next"></div>
|
|
|
+ <div class="swiper-button-prev"></div>
|
|
|
+ </div>
|
|
|
+ <script>
|
|
|
+ //swiper
|
|
|
+ var swiper = new Swiper(".mySwiper", {
|
|
|
+ navigation: {
|
|
|
+ nextEl: ".swiper-button-next",
|
|
|
+ prevEl: ".swiper-button-prev",
|
|
|
+ },
|
|
|
+ });
|
|
|
+ </script>
|
|
|
+
|
|
|
+ <!--表单-->
|
|
|
+ <div>
|
|
|
+ <form id="form">
|
|
|
+ <input type="text" placeholder="姓名" id="name">
|
|
|
+ <input type="text" placeholder="公司名称" id="company">
|
|
|
+ <input type="text" placeholder="手机号码" id="phone">
|
|
|
+ <input type="text" placeholder="验证码" id="code">
|
|
|
+ <select name="" id="type">
|
|
|
+ <option value="1">民事</option>
|
|
|
+ <option value="2">刑事</option>
|
|
|
+ <option value="3">行政</option>
|
|
|
+ </select>
|
|
|
+ <select name="" id="province">
|
|
|
+ <option value="1">北京市</option>
|
|
|
+ </select>
|
|
|
+ <select name="" id="city">
|
|
|
+ <option value="1">朝阳区</option>
|
|
|
+ <option value="2">西城区</option>
|
|
|
+ <option value="3">东城区</option>
|
|
|
+ </select>
|
|
|
+ <textarea name="" id="description" cols="30" rows="10" placeholder="案件概述"></textarea>
|
|
|
+ </form>
|
|
|
+ <button id="submit" onclick="submitForm()">提交</button>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </body>
|
|
|
+</html>
|
