kandi background

awesome-python | curated list of awesome Python frameworks | Awesome List library

Download this library from

kandi X-RAY | awesome-python Summary

awesome-python is a Python library typically used in Awesome, Awesome List, Fastapi applications. awesome-python has no bugs, it has no vulnerabilities, it has build file available and it has medium support. However awesome-python has a Non-SPDX License. You can download it from GitHub.
A curated list of awesome Python frameworks, libraries, software and resources.

kandi-support Support

  • awesome-python has a medium active ecosystem.
  • It has 102379 star(s) with 19792 fork(s). There are 5604 watchers for this library.
  • It had no major release in the last 12 months.
  • There are 5 open issues and 191 have been closed. On average issues are closed in 19 days. There are 179 open pull requests and 0 closed requests.
  • It has a neutral sentiment in the developer community.
  • The latest version of awesome-python is current.

quality kandi Quality

  • awesome-python has 0 bugs and 2 code smells.

securitySecurity

  • awesome-python has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.
  • awesome-python code analysis shows 0 unresolved vulnerabilities.
  • There are 0 security hotspots that need review.

license License

  • awesome-python has a Non-SPDX License.
  • Non-SPDX licenses can be open source with a non SPDX compliant license, or non open source licenses, and you need to review them closely before use.

buildReuse

  • awesome-python releases are not available. You will need to build from source code and install.
  • Build file is available. You can build the component from source.
  • Installation instructions are available. Examples and code snippets are not available.
  • awesome-python saves you 18 person hours of effort in developing the same functionality from scratch.
  • It has 52 lines of code, 2 functions and 2 files.
  • It has low code complexity. Code complexity directly impacts maintainability of the code.
Top functions reviewed by kandi - BETA

kandi has reviewed awesome-python and discovered the below as its top functions. This is intended to give you an instant insight into awesome-python implemented functionality, and help decide if they suit your requirements.

  • Cluster the README . md file .
  • Sort the contents of the README file .

awesome-python Key Features

Awesome Python Admin Panels Algorithms and Design Patterns ASGI Servers Asynchronous Programming Audio Authentication Build Tools Built-in Classes Enhancement Caching ChatOps Tools CMS Code Analysis Command-line Interface Development Command-line Tools Compatibility Computer Vision Concurrency and Parallelism Configuration Cryptography Data Analysis Data Validation Data Visualization Database Drivers Database Date and Time Debugging Tools Deep Learning DevOps Tools Distributed Computing Distribution Documentation Downloader E-commerce Editor Plugins and IDEs Email Enterprise Application Integrations Environment Management Files Foreign Function Interface Forms Functional Programming Game Development Geolocation GUI Development Hardware HTML Manipulation HTTP Clients Image Processing Implementations Interactive Interpreter Internationalization Job Scheduler Logging Machine Learning Miscellaneous Natural Language Processing Network Virtualization News Feed ORM Package Management Package Repositories Penetration testing Permissions Processes Recommender Systems Refactoring RESTful API Robotics RPC Servers Science Search Serialization Serverless Frameworks Shell Specific Formats Processing Static Site Generator Tagging Task Queues Template Engine Testing Text Processing Third-party APIs URL Manipulation Video Web Asset Management Web Content Extracting Web Crawling Web Frameworks WebSocket WSGI Servers

Resources Books Newsletters Podcasts Websites

Contributing

awesome-python Examples and Code Snippets

  • Owl-Carousel not working! Beginner web developer

Owl-Carousel not working! Beginner web developer

* {
    padding: 0;
    margin: 0;
}

.wrapper-grid {
    display: grid;
    height: 100%;
    place-items: center;
    text-align: center;
    background: #272727;
}

.slider {
    /* max-width: 1000px; */
    /* overflow: hidden; */
}

.card {
    border-color: #272727;
    flex: 1;
}

.card-img-top {
    height: 200px;
    width: 100%;
    background: #471A69;
}

.card-img-top img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.card-body {
    background: #7A2DB5;
}

.card-body p {
    text-align: justify;
}
<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==" crossorigin="anonymous" />

    <title>Hello, world!</title>
</head>

<body>

    <div class="wrapper-grid">
        <div class="slider d-flex owl-carousel">
            <div class="card mx-2">
                <img src="./Exports_iOS/Icon awesome-adobe.svg" class="card-img-top py-3 px-3" alt="Adobe">
                <div class="card-body">
                    <h5 class="card-title">Suite Adobe</h5>
                    <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                        Aliquid, iusto. Quas
                        corporis animi voluptas facilis minus? Laudantium veritatis debitis tenetur.
                    </p>
                </div>
            </div>
            <div class="card mx-2">
                <img src="./Exports_iOS/Icon awesome-bootstrap.svg" class="card-img-top py-3 px-3" alt="Bootsrap">
                <div class="card-body">
                    <h5 class="card-title">Bootstrap</h5>
                    <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                        Aliquid, iusto. Quas
                        corporis animi voluptas facilis minus? Laudantium veritatis debitis tenetur.
                    </p>
                </div>
            </div>
            <div class="card mx-2">
                <img src="./Exports_iOS/Icon awesome-php.svg" class="card-img-top py-3 px-3" alt="PHP">
                <div class="card-body">
                    <h5 class="card-title">PHP</h5>
                    <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                        Aliquid, iusto. Quas
                        corporis animi voluptas facilis minus? Laudantium veritatis debitis tenetur.
                    </p>
                </div>
            </div>
            <div class="card mx-2">
                <img src="./Exports_iOS/Icon awesome-python.svg" class="card-img-top py-3 px-3" alt="Python">
                <div class="card-body">
                    <h5 class="card-title">Python</h5>
                    <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                        Aliquid, iusto. Quas
                        corporis animi voluptas facilis minus? Laudantium veritatis debitis tenetur.
                    </p>
                </div>
            </div>
            <div class="card mx-2">
                <img src="./Exports_iOS/Icon awesome-wordpress.svg" class="card-img-top py-3 px-3" alt="Wordpress">
                <div class="card-body">
                    <h5 class="card-title">Wordpress</h5>
                    <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                        Aliquid, iusto. Quas
                        corporis animi voluptas facilis minus? Laudantium veritatis debitis tenetur.
                    </p>
                </div>
            </div>
            <div class="card mx-2">
                <img src="./Exports_iOS/Icon ionic-logo-javascript.svg" class="card-img-top py-3 px-3" alt="Javascript">
                <div class="card-body">
                    <h5 class="card-title">Javascript</h5>
                    <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                        Aliquid, iusto. Quas
                        corporis animi voluptas facilis minus? Laudantium veritatis debitis tenetur.
                    </p>
                </div>
            </div>
        </div>
    </div>


    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous">
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>

    <script>
           
        $(document).ready(function () {
            var owl = $('.owl-carousel'); 
            owl.owlCarousel({
                items: 3,
                loop: true,
                margin: 10,
                autoplay: true,
                autoplayTimeout: 1000,
                autoplayHoverPause: true
            });
            $('.play').on('click', function () {
                owl.trigger('play.owl.autoplay', [1000])
            })
            $('.stop').on('click', function () {
                owl.trigger('stop.owl.autoplay')
            })
        });
    </script>


</body>

</html>
-----------------------
* {
    padding: 0;
    margin: 0;
}

.wrapper-grid {
    display: grid;
    height: 100%;
    place-items: center;
    text-align: center;
    background: #272727;
}

.slider {
    /* max-width: 1000px; */
    /* overflow: hidden; */
}

.card {
    border-color: #272727;
    flex: 1;
}

.card-img-top {
    height: 200px;
    width: 100%;
    background: #471A69;
}

.card-img-top img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.card-body {
    background: #7A2DB5;
}

.card-body p {
    text-align: justify;
}
<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==" crossorigin="anonymous" />

    <title>Hello, world!</title>
</head>

<body>

    <div class="wrapper-grid">
        <div class="slider d-flex owl-carousel">
            <div class="card mx-2">
                <img src="./Exports_iOS/Icon awesome-adobe.svg" class="card-img-top py-3 px-3" alt="Adobe">
                <div class="card-body">
                    <h5 class="card-title">Suite Adobe</h5>
                    <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                        Aliquid, iusto. Quas
                        corporis animi voluptas facilis minus? Laudantium veritatis debitis tenetur.
                    </p>
                </div>
            </div>
            <div class="card mx-2">
                <img src="./Exports_iOS/Icon awesome-bootstrap.svg" class="card-img-top py-3 px-3" alt="Bootsrap">
                <div class="card-body">
                    <h5 class="card-title">Bootstrap</h5>
                    <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                        Aliquid, iusto. Quas
                        corporis animi voluptas facilis minus? Laudantium veritatis debitis tenetur.
                    </p>
                </div>
            </div>
            <div class="card mx-2">
                <img src="./Exports_iOS/Icon awesome-php.svg" class="card-img-top py-3 px-3" alt="PHP">
                <div class="card-body">
                    <h5 class="card-title">PHP</h5>
                    <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                        Aliquid, iusto. Quas
                        corporis animi voluptas facilis minus? Laudantium veritatis debitis tenetur.
                    </p>
                </div>
            </div>
            <div class="card mx-2">
                <img src="./Exports_iOS/Icon awesome-python.svg" class="card-img-top py-3 px-3" alt="Python">
                <div class="card-body">
                    <h5 class="card-title">Python</h5>
                    <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                        Aliquid, iusto. Quas
                        corporis animi voluptas facilis minus? Laudantium veritatis debitis tenetur.
                    </p>
                </div>
            </div>
            <div class="card mx-2">
                <img src="./Exports_iOS/Icon awesome-wordpress.svg" class="card-img-top py-3 px-3" alt="Wordpress">
                <div class="card-body">
                    <h5 class="card-title">Wordpress</h5>
                    <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                        Aliquid, iusto. Quas
                        corporis animi voluptas facilis minus? Laudantium veritatis debitis tenetur.
                    </p>
                </div>
            </div>
            <div class="card mx-2">
                <img src="./Exports_iOS/Icon ionic-logo-javascript.svg" class="card-img-top py-3 px-3" alt="Javascript">
                <div class="card-body">
                    <h5 class="card-title">Javascript</h5>
                    <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                        Aliquid, iusto. Quas
                        corporis animi voluptas facilis minus? Laudantium veritatis debitis tenetur.
                    </p>
                </div>
            </div>
        </div>
    </div>


    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous">
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>

    <script>
           
        $(document).ready(function () {
            var owl = $('.owl-carousel'); 
            owl.owlCarousel({
                items: 3,
                loop: true,
                margin: 10,
                autoplay: true,
                autoplayTimeout: 1000,
                autoplayHoverPause: true
            });
            $('.play').on('click', function () {
                owl.trigger('play.owl.autoplay', [1000])
            })
            $('.stop').on('click', function () {
                owl.trigger('stop.owl.autoplay')
            })
        });
    </script>


</body>

</html>

Community Discussions

Trending Discussions on awesome-python
  • Owl-Carousel not working! Beginner web developer
Trending Discussions on awesome-python

QUESTION

Owl-Carousel not working! Beginner web developer

Asked 2021-May-01 at 20:54

I want to recreate the carousel just above the "browse all courses" button on this website https://www.bringyourownlaptop.com/

I wanted to make this post as straight to the point as possible, but it seems like stackoverflow is forcing me to type more stuff so I'll give you guys more details. If you want to save time, just skip reading the entire next section.

DETAILS:

  1. Expected result:

Multiple cards on a row with "<" and ">" controls on the side that allow the user to navigate through the cards. After intensively researching on google and youtube, I found the "owlcarousel" plugin or whatever that seemed to work for me. So I tried to recreate this carousel: https://owlcarousel2.github.io/OwlCarousel2/demos/basic.html and I'd reposition the controls as I want afterwards.

  1. Actual result:

There's no carousel whatsoever, if I add more cards or change the display size they all shrink in order to fit within their container (I've tried using "flex-wrap" but it doesn't change anything).

  1. What I've tried:

Adding autoplay, autoplayTimeout, etc... from different similar questions here on stackoverflow and other websites...

I believe the problem is how/where I imported the css, js, etc. but I've tried putting it on the head, footer, everything really and it doesn't work.

Here's my entire code:

* {
    padding: 0;
    margin: 0;
}

.wrapper-grid {
    display: grid;
    height: 100%;
    place-items: center;
    text-align: center;
    background: #272727;
}

.slider {
    /* max-width: 1000px; */
    /* overflow: hidden; */
}

.card {
    border-color: #272727;
    flex: 1;
}

.card-img-top {
    height: 200px;
    width: 100%;
    background: #471A69;
}

.card-img-top img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.card-body {
    background: #7A2DB5;
}

.card-body p {
    text-align: justify;
}
<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">

    <link rel="stylesheet" href="carousel.css">
    <link rel="stylesheet" href="owlcarousel/owl.carousel.min.css">
    <link rel="stylesheet" href="owlcarousel/owl.theme.default.min.css">

    <title>Hello, world!</title>
</head>

<body>

    <div class="wrapper-grid">
        <div class="slider d-flex owl-carousel">
            <div class="card mx-2">
                <img src="./Exports_iOS/Icon awesome-adobe.svg" class="card-img-top py-3 px-3" alt="Adobe">
                <div class="card-body">
                    <h5 class="card-title">Suite Adobe</h5>
                    <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                        Aliquid, iusto. Quas
                        corporis animi voluptas facilis minus? Laudantium veritatis debitis tenetur.
                    </p>
                </div>
            </div>
            <div class="card mx-2">
                <img src="./Exports_iOS/Icon awesome-bootstrap.svg" class="card-img-top py-3 px-3" alt="Bootsrap">
                <div class="card-body">
                    <h5 class="card-title">Bootstrap</h5>
                    <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                        Aliquid, iusto. Quas
                        corporis animi voluptas facilis minus? Laudantium veritatis debitis tenetur.
                    </p>
                </div>
            </div>
            <div class="card mx-2">
                <img src="./Exports_iOS/Icon awesome-php.svg" class="card-img-top py-3 px-3" alt="PHP">
                <div class="card-body">
                    <h5 class="card-title">PHP</h5>
                    <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                        Aliquid, iusto. Quas
                        corporis animi voluptas facilis minus? Laudantium veritatis debitis tenetur.
                    </p>
                </div>
            </div>
            <div class="card mx-2">
                <img src="./Exports_iOS/Icon awesome-python.svg" class="card-img-top py-3 px-3" alt="Python">
                <div class="card-body">
                    <h5 class="card-title">Python</h5>
                    <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                        Aliquid, iusto. Quas
                        corporis animi voluptas facilis minus? Laudantium veritatis debitis tenetur.
                    </p>
                </div>
            </div>
            <div class="card mx-2">
                <img src="./Exports_iOS/Icon awesome-wordpress.svg" class="card-img-top py-3 px-3" alt="Wordpress">
                <div class="card-body">
                    <h5 class="card-title">Wordpress</h5>
                    <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                        Aliquid, iusto. Quas
                        corporis animi voluptas facilis minus? Laudantium veritatis debitis tenetur.
                    </p>
                </div>
            </div>
            <div class="card mx-2">
                <img src="./Exports_iOS/Icon ionic-logo-javascript.svg" class="card-img-top py-3 px-3" alt="Javascript">
                <div class="card-body">
                    <h5 class="card-title">Javascript</h5>
                    <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                        Aliquid, iusto. Quas
                        corporis animi voluptas facilis minus? Laudantium veritatis debitis tenetur.
                    </p>
                </div>
            </div>
        </div>
    </div>


    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous">
    </script>
    <script src="jquery.min.js"></script>
    <script src="owlcarousel/owl.carousel.min.js"></script>

    <script>
        var owl = $('.owl-carousel');    
        $(document).ready(function () {
            owl.owlCarousel({
                items: 3,
                loop: true,
                margin: 10,
                autoplay: true,
                autoplayTimeout: 1000,
                autoplayHoverPause: true
            });
            $('.play').on('click', function () {
                owl.trigger('play.owl.autoplay', [1000])
            })
            $('.stop').on('click', function () {
                owl.trigger('stop.owl.autoplay')
            })
        });
    </script>


</body>

</html>

ANSWER

Answered 2021-May-01 at 20:54

Seems to be working for me. Are you really sure that you are loading jquery correctly? Are you seeing errors in the console?

* {
    padding: 0;
    margin: 0;
}

.wrapper-grid {
    display: grid;
    height: 100%;
    place-items: center;
    text-align: center;
    background: #272727;
}

.slider {
    /* max-width: 1000px; */
    /* overflow: hidden; */
}

.card {
    border-color: #272727;
    flex: 1;
}

.card-img-top {
    height: 200px;
    width: 100%;
    background: #471A69;
}

.card-img-top img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.card-body {
    background: #7A2DB5;
}

.card-body p {
    text-align: justify;
}
<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==" crossorigin="anonymous" />

    <title>Hello, world!</title>
</head>

<body>

    <div class="wrapper-grid">
        <div class="slider d-flex owl-carousel">
            <div class="card mx-2">
                <img src="./Exports_iOS/Icon awesome-adobe.svg" class="card-img-top py-3 px-3" alt="Adobe">
                <div class="card-body">
                    <h5 class="card-title">Suite Adobe</h5>
                    <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                        Aliquid, iusto. Quas
                        corporis animi voluptas facilis minus? Laudantium veritatis debitis tenetur.
                    </p>
                </div>
            </div>
            <div class="card mx-2">
                <img src="./Exports_iOS/Icon awesome-bootstrap.svg" class="card-img-top py-3 px-3" alt="Bootsrap">
                <div class="card-body">
                    <h5 class="card-title">Bootstrap</h5>
                    <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                        Aliquid, iusto. Quas
                        corporis animi voluptas facilis minus? Laudantium veritatis debitis tenetur.
                    </p>
                </div>
            </div>
            <div class="card mx-2">
                <img src="./Exports_iOS/Icon awesome-php.svg" class="card-img-top py-3 px-3" alt="PHP">
                <div class="card-body">
                    <h5 class="card-title">PHP</h5>
                    <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                        Aliquid, iusto. Quas
                        corporis animi voluptas facilis minus? Laudantium veritatis debitis tenetur.
                    </p>
                </div>
            </div>
            <div class="card mx-2">
                <img src="./Exports_iOS/Icon awesome-python.svg" class="card-img-top py-3 px-3" alt="Python">
                <div class="card-body">
                    <h5 class="card-title">Python</h5>
                    <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                        Aliquid, iusto. Quas
                        corporis animi voluptas facilis minus? Laudantium veritatis debitis tenetur.
                    </p>
                </div>
            </div>
            <div class="card mx-2">
                <img src="./Exports_iOS/Icon awesome-wordpress.svg" class="card-img-top py-3 px-3" alt="Wordpress">
                <div class="card-body">
                    <h5 class="card-title">Wordpress</h5>
                    <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                        Aliquid, iusto. Quas
                        corporis animi voluptas facilis minus? Laudantium veritatis debitis tenetur.
                    </p>
                </div>
            </div>
            <div class="card mx-2">
                <img src="./Exports_iOS/Icon ionic-logo-javascript.svg" class="card-img-top py-3 px-3" alt="Javascript">
                <div class="card-body">
                    <h5 class="card-title">Javascript</h5>
                    <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                        Aliquid, iusto. Quas
                        corporis animi voluptas facilis minus? Laudantium veritatis debitis tenetur.
                    </p>
                </div>
            </div>
        </div>
    </div>


    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous">
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>

    <script>
           
        $(document).ready(function () {
            var owl = $('.owl-carousel'); 
            owl.owlCarousel({
                items: 3,
                loop: true,
                margin: 10,
                autoplay: true,
                autoplayTimeout: 1000,
                autoplayHoverPause: true
            });
            $('.play').on('click', function () {
                owl.trigger('play.owl.autoplay', [1000])
            })
            $('.stop').on('click', function () {
                owl.trigger('stop.owl.autoplay')
            })
        });
    </script>


</body>

</html>

Source https://stackoverflow.com/questions/67349190

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install awesome-python

BitBake - A make-like build tool for embedded Linux.
buildout - A build system for creating, assembling and deploying applications from multiple parts.
PlatformIO - A console tool to build code with different development platforms.
pybuilder - A continuous build tool written in pure Python.
SCons - A software construction tool.

Support

sphinx - Python Documentation generator. awesome-sphinxdocpdoc - Epydoc replacement to auto generate API documentation for Python libraries.pycco - The literate-programming-style documentation generator.

Explore Related Topics

Build your Application

Share this kandi XRay Report