文案更新

app/index/view/index/index.html

@@ -38,10 +38,10 @@
                 <h2 class="headNavTitle">NEW VAPES</h2>
                 <p class="back"></p>
             </nav>
-<!--            <nav class="headNavItem">
-                <h2 class="headNavTitle">DISPOSABLES</h2>
-                <p class="back"></p>
-            </nav>-->
+            <!--            <nav class="headNavItem">
+                            <h2 class="headNavTitle">DISPOSABLES</h2>
+                            <p class="back"></p>
+                        </nav>-->
         </div>
         <div class="headIconContainer">
             <!-- 购物车 -->
@@ -88,11 +88,11 @@
                     <h2 class="menuItemTitle">NEW VAPES</h2>
                 </a>
             </div>
-<!--            <div class="mobileMenuItem">
-                <a href="#">
-                    <h2 class="menuItemTitle">DISPOSABLES</h2>
-                </a>
-            </div>-->
+            <!--            <div class="mobileMenuItem">
+                            <a href="#">
+                                <h2 class="menuItemTitle">DISPOSABLES</h2>
+                            </a>
+                        </div>-->
             <div class="mobileMenuItem">
                 <a href="/index/cart/shoppingCart.html">
                     <h2 class="menuItemTitle shoppingCartIcon">Shopping Cart</h2>
@@ -487,9 +487,9 @@
                     <p class="ltV">Sign up for the Free Shipping Vapes</p>
                 </div>
                 <div class="footerInuptBox">
-<!--                    <img class="mailIcon" src="/assets/index/asstes/icon/mailIcon.png" alt="">
-                    <input class="footerInupt" type="text">
-                    <img class="arrowIcon" src="/assets/index/asstes/icon/arrowIcon.png" alt="">-->
+                    <!--                    <img class="mailIcon" src="/assets/index/asstes/icon/mailIcon.png" alt="">
+                                        <input class="footerInupt" type="text">
+                                        <img class="arrowIcon" src="/assets/index/asstes/icon/arrowIcon.png" alt="">-->
                 </div>
                 <div class="footerIconContainer">
                     <div class="footerIconList">
@@ -531,19 +531,26 @@
                     </div>
                 </div>
             </div>
-            <div class="footerConter">
-                <div class="footerInuptBox">
-                    <!--                    <img class="mailIcon" src="/assets/index/asstes/icon/mailIcon.png" alt="">-->
-                    <!--                    <input class="footerInupt" type="text">-->
-                    <!--                    <img class="arrowIcon" src="/assets/index/asstes/icon/arrowIcon.png" alt="">-->
-                    <p>
-                        WARNING: Our products contain nicotine, a poisonous and addictive substance. Our products are only intended for committed smokers of legal smoking age and not by non-smokers, children, women who are pregnant or may become pregnant or any person with an elevated risk of, or preexisting condition of, any medical condition which includes, but is not limited to, heart disease, diabetes, high blood pressure or asthma. If you experience any side effects or possible side effects, stop using the product immediately and consult a physician. Product may be poisonous if orally ingested. Our products are not smoking cessation products and have not been tested or guaranteed as such. Our products have not been evaluated by the Food and Drug Administration nor is it intended to treat, prevent or cure any disease or condition. For their protection, please keep out of reach of children and pets. Read our terms of use page before purchasing our products.
-                    </p>
-                </div>
-            </div>
-
+        </div>
+    </section>
+    <section class="sectionContainer warningContainer">
+        <div class="elementorContainer">
+            <div class="warningBox">
+                <p class="warningText">WARNING: Our products contain nicotine, a poisonous and addictive substance.
+                    Our products are only intended for committed smokers of legal smoking age and not by
+                    non-smokers, children, women who are pregnant or may become pregnant or any person with an
+                    elevated risk of, or preexisting condition of, any medical condition which includes, but is not
+                    limited to, heart disease, diabetes, high blood pressure or asthma. If you experience any side
+                    effects or possible side effects, stop using the product immediately and consult a physician.
+                    Product may be poisonous if orally ingested. Our products are not smoking cessation products and
+                    have not been tested or guaranteed as such. Our products have not been evaluated by the Food and
+                    Drug Administration nor is it intended to treat, prevent or cure any disease or condition. For
+                    their protection, please keep out of reach of children and pets. Read our terms of use page
+                    before purchasing our products.</p>
             </div>
+        </div>
     </section>
+
 </footer>
 
 <!-- 年龄提示层 -->

public/assets/index/css/common.css

@@ -376,15 +376,23 @@ a:active, a:focus {
 /* <-- start 底部模块 */
 .footerContainer{
     width: 100%;
-    height: 1.50rem;
     background-color: rgba(32, 32, 32, 1);
     position: relative;
     z-index: 10;
 }
-
+.warningContainer{
+    background-color: gray;
+}
+.warningBox{
+    padding: .16rem 0;
+    color: rgba(255, 255, 255, .8);
+    font-size: .15rem;
+    line-height: 1.4;
+}
 .footerConter{
     color: #FFF;
     padding-top: .3rem;
+    padding-bottom: .24rem;
     display: flex;
 }
 .leftText{
@@ -719,4 +727,7 @@ a:active, a:focus {
     .sunNavItem .sunNavTitle{
         font-size: .2rem;
     }
+    .warningBox{
+        font-size: .2rem;
+    }
 }

public/assets/index/css/login.css

@@ -13,7 +13,7 @@
     padding-top: 1rem;
 }
 .pageLogo img{
-    height: .3rem;
+    height: .4rem;
 }
 .pageSection{
     flex: 1;