Skip to content

L
landing_pages
Commit 017ab1bf by Iren
Options

add script for #dog-fourth

parent 16a3532b
Pipeline #3711 canceled with stage
    Showing with 55 additions and 10 deletions
    css/styles.css
    ...@@ -167,6 +167,7 @@ header { ...@@ -167,6 +167,7 @@ header {
    display: inline-block; display: inline-block;
    font-size: 36px; font-size: 36px;
    color: white; color: white;
    z-index: 5;
    } }
    } }
    @media (min-width: 576px) { @media (min-width: 576px) {
    ...@@ -182,6 +183,8 @@ header { ...@@ -182,6 +183,8 @@ header {
    height: 80px; height: 80px;
    left: 1px; left: 1px;
    top: 40px; top: 40px;
    color: white;
    z-index: 5;
    } }
    @media (min-width: 577px) { @media (min-width: 577px) {
    #cat { #cat {
    ...@@ -2925,6 +2928,7 @@ p.price-user-part { ...@@ -2925,6 +2928,7 @@ p.price-user-part {
    .mobile-point-active { .mobile-point-active {
    width: 12px; width: 12px;
    height: 12px; height: 12px;
    margin-left: 23px;
    border-radius: 50%; border-radius: 50%;
    background: #c94d4e; background: #c94d4e;
    border: #fbb5b6 5px solid; border: #fbb5b6 5px solid;
    ...@@ -3278,4 +3282,13 @@ input.form-last-child { ...@@ -3278,4 +3282,13 @@ input.form-last-child {
    position: absolute; position: absolute;
    display: none; display: none;
    } }
    .yyy {
    width: 12px;
    height: 12px;
    margin-top: 0;
    margin-left: 23px;
    border-radius: 50%;
    background: #c94d4e;
    border: #fbb5b6 5px solid;
    }
    /*# sourceMappingURL=styles.css.map */ /*# sourceMappingURL=styles.css.map */
    \ No newline at end of file
    css/styles.less
    ...@@ -139,6 +139,7 @@ header { ...@@ -139,6 +139,7 @@ header {
    display: inline-block; display: inline-block;
    font-size: 36px; font-size: 36px;
    color: white; color: white;
    z-index: 5;
    } }
    @media (min-width: 576px){ @media (min-width: 576px){
    position: absolute; position: absolute;
    ...@@ -152,6 +153,8 @@ header { ...@@ -152,6 +153,8 @@ header {
    height: 80px; height: 80px;
    left: 1px; left: 1px;
    top: 40px; top: 40px;
    color: white;
    z-index: 5;
    @media (min-width: 577px){ @media (min-width: 577px){
    display: none; display: none;
    } }
    ...@@ -2390,6 +2393,7 @@ p.price-user-part { ...@@ -2390,6 +2393,7 @@ p.price-user-part {
    .mobile-point-active { .mobile-point-active {
    width: 12px; width: 12px;
    height: 12px; height: 12px;
    margin-left: 23px;
    border-radius: 50%; border-radius: 50%;
    background: #c94d4e; background: #c94d4e;
    border: #fbb5b6 5px solid; border: #fbb5b6 5px solid;
    ...@@ -2701,6 +2705,15 @@ footer { ...@@ -2701,6 +2705,15 @@ footer {
    position: absolute; position: absolute;
    display: none; display: none;
    } }
    .yyy {
    width: 12px;
    height: 12px;
    margin-top: 0;
    margin-left: 23px;
    border-radius: 50%;
    background: #c94d4e;
    border: #fbb5b6 5px solid;
    }
    ......
    index.html
    ...@@ -2253,7 +2253,7 @@ ...@@ -2253,7 +2253,7 @@
    </div> </div>
    </div> </div>
    <div class="window-three price-mobile-window-none"> <div id="dog-third" class="window-three price-mobile-window-none">
    <div class="price-mobile-tittle"> <div class="price-mobile-tittle">
    <h2>Цены 3</h2> <h2>Цены 3</h2>
    <div class="price-mobile-tittle-line"> <div class="price-mobile-tittle-line">
    ...@@ -2355,18 +2355,18 @@ ...@@ -2355,18 +2355,18 @@
    </div> </div>
    </div> </div>
    <div class="mobile-point-wrapper"> <div class="mobile-point-wrapper">
    <div class="mobile-point-active"> <div id="btn-third-first" class="mobile-point">
    </div> </div>
    <div class="mobile-point"> <div id="btn-third-too" class="mobile-point">
    </div> </div>
    <div class="mobile-point"> <div id="btn-third-third" class="mobile-point">
    </div> </div>
    <div class="mobile-point"> <div id="btn-third-fourth" class="mobile-point-active">
    </div> </div>
    </div> </div>
    </div> </div>
    <div class="window-four"> <div id="dog-four" class="window-four">
    <div class="price-mobile-tittle"> <div class="price-mobile-tittle">
    <h2>Цены 4</h2> <h2>Цены 4</h2>
    <div class="price-mobile-tittle-line"> <div class="price-mobile-tittle-line">
    ...@@ -2468,13 +2468,13 @@ ...@@ -2468,13 +2468,13 @@
    </div> </div>
    </div> </div>
    <div class="mobile-point-wrapper"> <div class="mobile-point-wrapper">
    <div class="mobile-point-active"> <div id="btn-first" class="mobile-point">
    </div> </div>
    <div class="mobile-point"> <div id="btn-too" class="mobile-point">
    </div> </div>
    <div class="mobile-point"> <div id="btn-third" class="mobile-point">
    </div> </div>
    <div class="mobile-point"> <div id="btn-fourth" class="mobile-point-active">
    </div> </div>
    </div> </div>
    </div> </div>
    ...@@ -2555,6 +2555,24 @@ ...@@ -2555,6 +2555,24 @@
    $('#header-img-navicon').click(function(event) { $('#header-img-navicon').click(function(event) {
    $('#cat').toggleClass('page-header__burger--active'); $('#cat').toggleClass('page-header__burger--active');
    }); });
    $('#btn-fourth').click(function(event) {
    $('#dog-third').toggleClass('price-mobile-window-none');
    });
    $('#btn-fourth').click(function(event) {
    $('#dog-four').toggleClass('price-mobile-window-none');
    });
    $('#btn-fourth').click(function(event) {
    $('#btn-third-third').toggleClass('yyy');
    });
    $('#btn-fourth').click(function(event) {
    $('#btn-third-fourth').toggleClass('mobile-point-active');
    });
    $('#btn-fourth').click(function(event) {
    $('#btn-third-fourth').toggleClass('mobile-point');
    });
    </script> </script>
    </body> </body>
    </html> </html>
    ......
    Markdown is supported
    0% or
    You are about to add 0 people to the discussion. Proceed with caution.
    Finish editing this message first!
    Please register or to comment