How to setup Multilingual Squarespace website on Squarespace 7.1 website || jishaansinghal https://youtu.be/lTNzO3lkg7g https://www.fiverr.com/s/zW39jqK #multilanguage, #languagechange,#squarespace,#jishaansinghal,#css,#html,#js,#jquery,#squarespacewebsite,#customcode

-
Image
How to setup Multilingual Squarespace website on Squarespace 7.1 website || jishaansinghal https://youtu.be/lTNzO3lkg7g https://www.fiverr.com/s/zW39jqK #multilanguage , #languagechange , #squarespace , #jishaansinghal , #css , #html , #js , #jquery , #squarespacewebsite , #customcode
Post a Comment

How to Install and use Animated Progressbar With Full Source code by jishaansinghal

-

In this video, I'm going to show you how to Install and use Animated Progressbar With Full Source code by jishaansinghal






CSS CDN: 

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://www.jqueryscript.net/demo/linear-progress-indicator-bar/assets/css/jquery.rprogessbar.min.css">
    <link rel="stylesheet" href="https://www.jqueryscript.net/demo/linear-progress-indicator-bar/assets/css/style.css">


JS CDN:


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/3.1.0/jquery-migrate.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.js"></script>
    <script src="https://www.jqueryscript.net/demo/linear-progress-indicator-bar/assets/js/jQuery.rProgressbar.min.js"></script>


HTML CODE:



    <section class="demo-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="header">
                        <h1 class="title">Animated Progressbar</h1>
                    </div>
                    <div class="jquery-script-ads" align="center" style="margin:30px auto">
<script type="text/javascript"
src="https://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
                    <div class="single-progressbar">
                        <h4 class="title">Squarespace</h4>
                        <div class="squarespace"></div>
                    </div>
                    <div class="single-progressbar">
                        <h4 class="title">CSS</h4>
                        <div class="css"></div>
                    </div>
                    <div class="single-progressbar">
                        <h4 class="title">PHP</h4>
                        <div class="php"></div>
                    </div>
                    <div class="single-progressbar">
                        <h4 class="title">Javascript</h4>
                        <div class="javascript"></div>
                    </div>
                    <div class="single-progressbar">
                        <h4 class="title">Jquery</h4>
                        <div class="jquery"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>


CSS CODE:

  <style>

* {
    color: #fff;
}

body {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#270af9), color-stop(#c100bb), color-stop(#ee007b), color-stop(#f80044), to(#eb2d12))!important;
    background-image: -o-linear-gradient(top, #270af9, #c100bb, #ee007b, #f80044, #eb2d12)!important;
    background-image: linear-gradient(to bottom, #270af9, #c100bb, #ee007b, #f80044, #eb2d12)!important;
    height: 100vh;
}

.percentCount {
    color: #fff;
}

.col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 80%;
    margin: 0px auto;
}
    </style>



JS CODE:


<script>

(function($) {
    'use strict';

    $('.squarespace').rProgressbar({
        percentage: 80,
        fillBackgroundColor: '#1abc9c'
    });
    $('.css').rProgressbar({
        percentage: 90,
        fillBackgroundColor: '#2ecc71'
    });



    $('.php').rProgressbar({
        percentage: 75,
        fillBackgroundColor: '#9b59b6'
    });



    $('.javascript').rProgressbar({
        percentage: 65,
        fillBackgroundColor: '#34495e'
    });



    $('.jquery').rProgressbar({
        percentage: 5,
        fillBackgroundColor: '#f1c40f',
        backgroundColor: '#e67e22'
    });

})(jQuery);
    </script>













KEYWORDS:

web design, design trends, ui design, ux design, squarespace, create a website, web design inspiration 2020, business ideas, ui design trends, ux design trends, new design trends, ux trends, ui trends, user experience trends, user interface trends, ux, ui, uxd, uxui, ux/ui, user experience design, user interface design, user experience designer, user interface designer, digital trends, digital design trends, design tutorial, photoshop, illustrator, adobe premiere, 3d illustration, app design, landing page tutorial, html and css, html website, computer engineering, web design 2020, html, css, 2018, 2021, website development, web development, ecommerce website, squarespace tutorials, squarespace summit, make a squarespace website, how to create a squarespace website, create a squarespace website, build a websites, build a squarespace website, squarespace tutorial, squarespace customization, squarespace help, squarespace website, squarespace popups, squarespace mailchimp, squarespace mailchimp popup, basic web design, web design (interest), web design bangla, free bangla tutorial, web design tutorial for beginners, bangla tutorial, web design bangla tutorial full, ওয়েব ডিজাইন টিউটোরিয়াল, বেসিক ওয়েব ডিজাইন, ফ্রিল্যান্সিং, আউটসোর্সিং, how to learn web design, web design photoshop, responsive web design, web design courses, web development tutorials for beginners, graphic design tutorial, freelancing tutorial, howtomakeballoonflower, floralballoon, diyballoonflower, balloontutorial, diy crafts, home decore, diy woolen flowers, diy woolen crafts, easy woolen flowers making, woolen flowers how to make, woolen flower tutorial, woolen handmade flower, diy stitching, embroidery hacks and tricks, sewing hacks and tricks, easy embroidery, how to make easy flowers, handmade flowers, easy flower craft ideas, rose flower diy, rose flower, how tomake ballon flower, flower for fooldani, how to make a website, make a website, website, wordpress, wordpress tutorial, wordpress website, how to make a wordpress website, how to create a website, wordpress tutorial for beginners, how to make a website using wordpress, web hosting, how to build a website, india, domain, wordpress basics, websitelearners, wordpress blog, stunning css website, create responsive bootstrap website, parallax animation css, new web design templates 2020, trending web design templates 2020, responsive landing page portfolio 2020, responsive bootstrap template 2020, responsive photography template 2020, ajax portfolio template 2020, responsive html & css template 2020, stunning css template 2020, how to start a spice business, spice business, how to start spice business, how to start spice making business, how to start a business, how to start masala business, how to start spices business, how to start a spices business, ecommerce spice business ideas, spice manufacturing business, how to start pan masala business, ebay spice business, spice business ideas, online spice business, spice food business, unique business idea, unique business ideas, design trends 2022, html css website design, html and css website design, make website using html and css, craete website using html and css, complete website design, full website design, make resonsive website, responsive website design, learning, computer science, html tutorial, css tutorial, html coding, design trends 2021, after effects, earn money with creative market, earn money with graphic river, earn money while you sleep, earn money with graphic design, make money online in pakistan, make money with graphic design, make money by selling graphic design templates, sell graphic design templates, creative market tutorial, graphic river tutorial, how i earned $30000, earn money online in pakistan, how to earn more money as a graphic designer, how to earn money as a freelance graphic designer, design academy, best design inspiration, best websites for graphic design inspiration, best web design inspiration, graphic design inspiration, graphic design inspiration websites, graphic design ideas inspiration, logo design inspiration, logo design inspiration websites, how to get inspiration for logo design, creative block, creative block how to overcome it, satori graphics, satorigraphics, graphic design, web design trends 2020, web design trends in 2020, design trends 2020, 2020 trends, website design trends, web design trends, website design trends in 2020, top website trends, top web design trends, uiux, ui trends 2020, web trends, eccomerce websites, ecommerce website design, wordpress website development, top ecommerce sites, easy tutorials, front end design, visual arts, html tutorials, css tutorials, how to make website, how to create website, technology, education, engineering, programming, coding, become a graphic designer 2020, freelance web designer, graphic designer job, ran segall, web design business 2020, web design freelance, web design freelancer, web designer career, flux academy, top 5 websites every graphic designer should visit, top 5 websites every web designer should visit, best online graphic design websites, best websites to learn graphic design, web design best practices 2020, bangla business tips, bengali business tips, warren buffett, warren buffet, business lesson from warren buffett, small business ideas, bangla motivational video, bangla business motivation, bengali business motivation, life solution, life solution channel, codyhouse, framework, tutorial, components, scss, web app, layout, web page, design








Comments

Post a Comment

Popular posts from this blog

how to add a button as a circle button on the Squarespace by jishaansinghal

-
Image
  In this video, I'm showing you how to add a button as a circle button on the Squarespace button with custom CSS Code!    How To Install: Once a button has been added and saved, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box. This plugin uses a CSS editor and works with Squarespace 7.1, 7.0 to add an active effect on Button on Squarespace 7.1,7.0 by jishaansinghal. This code uses a CSS editor and works with Squarespace 7.1, 7.0 templates. This code uses CSS editor Copy and pastes the code below into the editor box. -------------------------------------------------------------------------------------------------------- // Circle Button Style o squarespace // .sqs-block-button-element--medium { padding : 100px 45px !important ; -webkit-border-radius : 50% !important ; -moz-border-radius : 50% !important ; border-radius : 50% !important ; } Customize: You do not need to change the transform or tra...
Read more

How to add Follow the cursor GSAP animation on your squarespace 7.0,7.1 website with full source code in 2022 by jishaansinghal

-
Image
How to add Follow the cursor GSAP animation on your Squarespace 7.0,7.1 website with full source code in 2022 by jishaansinghal Source Code: <link rel="stylesheet" href="https://michaelgudzevskyi.com/cursor-hover-effect-gsap/assets/css/main.css"> <script src="https://michaelgudzevskyi.com/cursor-hover-effect-gsap/assets/js/bundle.js" defer></script> keywords: squarespace tutorial, squarespace, css, custom cursor, css cursor, squarespace css, cursor javascript, custom cursor css, element follow cursor, follow the mouse pointer, javascript div follow mouse, javascript follow mouse effect, mousemove animation, mousemove animation html css javascript, smooth cursor, mouse cursor, css custom cursor, css hover effects, custom css, animation, web design, cursor css, custom cursor css js, gsap animation, css animation, custom mouse cursor, html, follow the cursor, javascript, intro template no text, intro templates no text, intro template no tex...
Read more

Looking for a Pro Squarespace Expert You came to the right place :)

-
Image
 Looking for a Pro Squarespace Expert? You came to the right place :) Are you worried about the Functionality of your website which not possible as default? Don't Worry!! Any Function Which is possible in Squarespace. If you want to fix any critical issues or design your website from Scratch than, Please contact me before placing an order. I will Design and Redesign a High-Quality Professional Website with HTML, CSS, and JS/JQUERY for your Business. I ONLY work on SQUARESPACE. I strive to give you exactly what you are looking for. MONEY BACK GUARANTEED What can I do for you : Some Custom Function are:- Magic/Fixed/Sticky header on Scroll MOBILE/TABLET RESPONSIVE DESIGNS Content layout changes. Rollover animation effect Collapsible FAQ Section Master MAP to Show all Blog Post Location Coding (where needed) And a Lot More...... I will provide you support in the future- Finally, I will give you 100% support even if the contract is ended! Let me know if you have any questions, I am her...
Read more