Git Product home page Git Product logo

festusmaithyakcau / interior_design_client_website Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 10.29 MB

Interior Design Website

HTML 13.55% CSS 20.67% JavaScript 22.89% SCSS 24.49% PHP 0.11% TypeScript 13.04% Shell 0.28% Python 3.43% Jupyter Notebook 0.07% Ruby 0.10% Starlark 0.01% HCL 0.48% C++ 0.23% Rust 0.13% CMake 0.03% CUE 0.01% Dart 0.01% Kotlin 0.10% C# 0.10% Go 0.26%
css3 html5 javascript

interior_design_client_website's People

Contributors

alphajim avatar dependabot[bot] avatar festusmaithyakcau avatar

Stargazers

 avatar

Watchers

 avatar

interior_design_client_website's Issues

Caroussel fixes needed ASAP

@AlphaJim
@festusmaithyakcau

The sliding caroussel needs to be fixed with the correct names and photos of the Trendy Interiors team and cut out the extra cards on the deck.

<!-- Team Start -->
        <div class="container-fluid bg-light">
            <div class="container">
                <div class="row">
                    <div class="col-md-4 col-sm-6">
                        <div
                            class="py-5 px-4 h-100 bg-primary d-flex flex-column align-items-center justify-content-center">
                            <h6 class="text-white font-weight-normal text-uppercase mb-3">Our Team</h6>
                            <h1 class="mb-0 text-center">Meet Our Team Members</h1>
                        </div>
                    </div>
                    <div class="col-md-8 col-sm-6 p-0 py-sm-5">
                        <div class="owl-carousel team-carousel position-relative p-0 py-sm-5">
                            <div class="team d-flex flex-column text-center mx-3">
                                <div class="position-relative">
                                    <img class="img-fluid w-100" src=img/team-1.jpg" alt="">
                                    <div
                                        class="team-social d-flex align-items-center justify-content-center w-100 h-100 position-absolute">
                                        <a class="btn btn-outline-primary text-center mr-2 px-0"
                                            style="width: 38px; height: 38px;" href="#"><i
                                                class="fab fa-twitter"></i></a>
                                        <a class="btn btn-outline-primary text-center mr-2 px-0"
                                            style="width: 38px; height: 38px;" href="#"><i
                                                class="fab fa-facebook-f"></i></a>
                                        <a class="btn btn-outline-primary text-center px-0"
                                            style="width: 38px; height: 38px;" href="#"><i
                                                class="fab fa-linkedin-in"></i></a>
                                    </div>
                                </div>
                                <div class="d-flex flex-column bg-secondary text-center py-3">
                                    <h5 class="text-white">David Kabaka</h5>
                                    <p class="m-0">Nairobi, Kenya</p>
                                    <p>0769181987</p>
                                </div>
                            </div>
                            <div class="team d-flex flex-column text-center mx-3">
                                <div class="position-relative">
                                    <img class="img-fluid w-100" src=img/team-2.jpg" alt="">
                                    <div
                                        class="team-social d-flex align-items-center justify-content-center w-100 h-100 position-absolute">
                                        <a class="btn btn-outline-primary text-center mr-2 px-0"
                                            style="width: 38px; height: 38px;" href="#"><i
                                                class="fab fa-twitter"></i></a>
                                        <a class="btn btn-outline-primary text-center mr-2 px-0"
                                            style="width: 38px; height: 38px;" href="#"><i
                                                class="fab fa-facebook-f"></i></a>
                                        <a class="btn btn-outline-primary text-center px-0"
                                            style="width: 38px; height: 38px;" href="#"><i
                                                class="fab fa-linkedin-in"></i></a>
                                    </div>
                                </div>
                                <div class="d-flex flex-column bg-secondary text-center py-3">
                                    <h5 class="text-white">Julius Omwenga</h5>
                                    <p class="m-0">Nairobi, Kenya</p>
                                    <p>0746187501</p>
                                </div>
                            </div>
                            <div class="team d-flex flex-column text-center mx-3">
                                <div class="position-relative">
                                    <img class="img-fluid w-100" src=img/team-3.jpg" alt="">
                                    <div
                                        class="team-social d-flex align-items-center justify-content-center w-100 h-100 position-absolute">
                                        <a class="btn btn-outline-primary text-center mr-2 px-0"
                                            style="width: 38px; height: 38px;" href="#"><i
                                                class="fab fa-twitter"></i></a>
                                        <a class="btn btn-outline-primary text-center mr-2 px-0"
                                            style="width: 38px; height: 38px;" href="#"><i
                                                class="fab fa-facebook-f"></i></a>
                                        <a class="btn btn-outline-primary text-center px-0"
                                            style="width: 38px; height: 38px;" href="#"><i
                                                class="fab fa-linkedin-in"></i></a>
                                    </div>
                                </div>
                                <div class="d-flex flex-column bg-secondary text-center py-3">
                                    <h5 class="text-white">Name Goes Here</h5>
                                    <p class="m-0">Designation</p>
                                </div>
                            </div>
                            <div class="team d-flex flex-column text-center mx-3">
                                <div class="position-relative">
                                    <img class="img-fluid w-100" src=img/team-4.jpg" alt="">
                                    <div
                                        class="team-social d-flex align-items-center justify-content-center w-100 h-100 position-absolute">
                                        <a class="btn btn-outline-primary text-center mr-2 px-0"
                                            style="width: 38px; height: 38px;" href="#"><i
                                                class="fab fa-twitter"></i></a>
                                        <a class="btn btn-outline-primary text-center mr-2 px-0"
                                            style="width: 38px; height: 38px;" href="#"><i
                                                class="fab fa-facebook-f"></i></a>
                                        <a class="btn btn-outline-primary text-center px-0"
                                            style="width: 38px; height: 38px;" href="#"><i
                                                class="fab fa-linkedin-in"></i></a>
                                    </div>
                                </div>
                                <div class="d-flex flex-column bg-secondary text-center py-3">
                                    <h5 class="text-white">Name Goes Here</h5>
                                    <p class="m-0">Designation</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Team End -->

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.