Untitled

mail@pastecode.io avatar
unknown
plain_text
2 years ago
16 kB
7
Indexable
Never
<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
        integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
    <!-- owl carousel css-->
    <link rel="stylesheet" href="owl-carousel/assets/owl.carousel.min.css" type="text/css">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">

    <title>PIXO - A website for explore your</title>
</head>

<body>

    <div id="fh5co-hero-carousel" class="carousel slide header" data-ride="carousel">
        <nav class="navbar fixed-top navbar-expand-xl">
            <div class="container">
                <a class="navbar-brand mobile-logo" href="#"><img src="images/pixo.png" alt="PIXO" /></a>
                <button class="navbar-toggler" data-target="#my-nav" onclick="myFunction(this)" data-toggle="collapse">
                    <span class="bar1"></span> <span class="bar2"></span> <span class="bar3"></span> </button>

                <div id="my-nav" class="collapse navbar-collapse">

                    <div>
                        <p class="text-left follow">Follow Us:</p>
                        <ul class="navbar-nav float-left social-links">
                            <li class="nav-item">
                                <a class="nav-link" href="#"><i class="fab fa-facebook-f"></i></a>
                            </li>
                            <li class="nav-item"><a class="nav-link" href="#"><i class="fab fa-pinterest-p"></i></a>
                            </li>
                            <li class="nav-item"><a class="nav-link" href="#"><i class="fab fa-twitter"></i></a>
                            </li>
                            <li class="nav-item"><a class="nav-link" href="#"><i class="fab fa-google-plus-g"></i></a>
                            </li>

                        </ul>
                    </div>

                    <ul class="navbar-nav mx-auto logo-desktop">
                        <li class="nav-item active">
                            <a class="nav-link" href="#"><img src="images/pixo.png" alt="PIXO" /></a>
                        </li>
                    </ul>

                    <ul class="navbar-nav float-right menu-links">
                        <li class="nav-item">
                            <a class="nav-link active" href="#">HOME</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="">GALLERY</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="">HALL OF FAME</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#contact">CONTACT US</a>
                        </li>
                        
                    </ul>
                </div>
            </div>
        </nav>

        <div class="carousel-inner">
            <div class="carousel-item active">

                <img class="d-block w-100 home-bg" alt="home-bg" src="images/home-bg.png">

                <div class="carousel-caption d-md-block">
                    <p class="frst-hrd">PIXO PHOTOGRAPHY</p>
                    <h5>Today’s SPECIAL MOMENTS.</h5>
                    <p>Creating a timeless look, coupled with a flawless moment</p>

                </div>


            </div>
            <div class="carousel-item">
                <img class="d-block w-100 home-bg" alt="home-bg" src="images/home-bg.png">

                <div class="carousel-caption d-md-block">
                    <p class="frst-hrd">PIXO PHOTOGRAPHY</p>
                    <h5>Today’s SPECIAL MOMENTS.</h5>
                    <p>Creating a timeless look, coupled with a flawless moment</p>

                </div>
            </div>
            <div class="carousel-item">
                <img class="d-block w-100 home-bg" alt="home-bg" src="images/home-bg.png">

                <div class="carousel-caption d-md-block">
                    <p class="frst-hrd">PIXO PHOTOGRAPHY</p>
                    <h5>Today’s SPECIAL MOMENTS.</h5>
                    <p>Creating a timeless look, coupled with a flawless moment</p>

                </div>
            </div>
            <div class="scroll-button">
                <p>Scroll down to see more...</p>
                <a href="#about-us" class="page-scroll">
                    <img src="images/arrows-down.png" alt="arrow down" />
                </a>

            </div>
        </div>
        <ul class="carousel-indicators">
            <li class="active" data-target="#fh5co-hero-carousel" data-slide-to="0" aria-current="location"></li>
            <li data-target="#fh5co-hero-carousel" data-slide-to="1"></li>
            <li data-target="#fh5co-hero-carousel" data-slide-to="2"></li>
        </ul>
    </div>


    <div class="container-fluid fh5co-about-us" id="about-us">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">

                    <svg class="back-bg" viewBox="0 0 535 618">
                        <defs>
                            <linearGradient id="PSgrad_0" x1="0%" x2="100%" y1="0%" y2="0%">
                                <stop offset="0%" stop-color="rgb(88,192,255)" stop-opacity="1" />
                                <stop offset="100%" stop-color="rgb(18,112,228)" stop-opacity="1" />
                            </linearGradient>

                        </defs>
                        <path fill-rule="evenodd" fill="rgb(18, 112, 228)"
                            d="M6.000,-0.000 L499.000,-0.000 C502.314,-0.000 505.000,2.686 505.000,6.000 L505.000,612.000 C505.000,615.314 502.314,618.000 499.000,618.000 L6.000,618.000 C2.686,618.000 -0.000,615.314 -0.000,612.000 L-0.000,6.000 C-0.000,2.686 2.686,-0.000 6.000,-0.000 Z" />
                        <path fill="url(#PSgrad_0)"
                            d="M6.000,-0.000 L499.000,-0.000 C502.314,-0.000 505.000,2.686 505.000,6.000 L505.000,612.000 C505.000,615.314 502.314,618.000 499.000,618.000 L6.000,618.000 C2.686,618.000 -0.000,615.314 -0.000,612.000 L-0.000,6.000 C-0.000,2.686 2.686,-0.000 6.000,-0.000 Z" />
                    </svg>

                    <div class="owl-carousel owl-carousel1 owl-theme">
                        <div>
                            <img src="images/slide.png" alt="" class="img-fluid" />
                        </div>
                        <div>
                            <img src="images/slide.png" alt="" class="img-fluid" />
                        </div>
                        <div>
                            <img src="images/slide.png" alt="" class="img-fluid" />
                        </div>
                    </div>
                </div>
                <div class="col-lg-8">
                    <div class="about-us-content">
                        <h2>ABOUT US</h2>
                        <p>A good photography website is a showcase for photos. Take inspiration from real-world photo galleries— your website should be uncluttered and have plenty of whitespace to frame your photos..</p>
                    </div>


                </div>
            </div>
        </div>
    </div>
    </div>
    <div class="container-fluid fh5co-news" id="news">
        <div class="container">
            <h2>PHOTOGRAPHY NEWS</h2>
            <div class="row">
                <div class="owl-carousel owl-carousel2 owl-theme">
                    <div>
                        <div class="card text-center"> <img class="card-img-top" src="images/camera.jpg" alt="">
                            <div class="card-body text-left pr-0 pl-0">
                                <h5>NIKON REVEALS Z 400MM F2.8 WITH 1.4X TC AND UPDATES LENS ROADMAP! </h5>
                                <p class="card-text">Nikon has revealed that it’s in the process of developing a new telephoto prime, the Nikkor Z 400mm f/2.8 TC VR S, that sounds like the perfect fit for the new Z 9. The firm is saying very little about it so far, but we can glean from all those initials that this will be a premium S-line lens with built-in optical stabilisation.

                                    More interestingly, it boasts a built-in switchable 1.4x teleconverter, which when engaged will give a 560mm f/4 lens. It’s the first time we’ve seen such an approach used with a prime lens, rather than a zoom.Nikon has also teased that the lens will exploit a new optical coating with ‘the highest anti-reflection performance in NIKKOR history’. Pricing and availability are as yet unknown, but we expect it’ll probably come to market in a few months’ time </p>
                            </div>
                        </div>
                    </div>

                    <div>
                        <div class="card text-center"> <img class="card-img-top" src="images/group.jpg" alt="">
                            <div class="card-body text-left pr-0 pl-0">
                                <h5>This photographer beautifully captures the world’s vanishing tribes</h5>
                                <p class="card-text">Jimmy Nelson is a British photographer and photojournalist known best for his stunning photographs of tribal and indigenous people. Nelson has travelled across the world and documented the ways of life of communities rarely seen or heard about. Chukchi of Chukotka peninsula in Siberia, Kalam in Papua New Guinea, the Rabari in Gujarat and Rajasthan in Western India — to name a few are some of the many pristine communities that Nelson has beautifully documented. The photographer has travelled the length and breadth of countries like Ethiopia, Namibia, Nepal, China, New Zealand, India, etc. photographing various tribes. He has also founded the Jimmy Nelson Foundation, which claims to celebrate the polychromatic culture of the world. Here are 15 photographs of his that showcase the lives of lesser-known communities and the intriguing lives they live, explained by Nelson in his own words.</p>
                            </div>
                        </div>
                    </div>

                    <div>
                        <div class="card text-center"> <img class="card-img-top" src="images/news.jpg" alt="">
                            <div class="card-body text-left pr-0 pl-0">
                                <h5>Meet Amrita Samant, the Maternity-Shoot Photographer With an All-Female Team </h5>
                                <p class="card-text">I wanted to show that women with various commitments like studies, family, etc. can still work here while juggling all their commitments on one side," says Amrita Samant.
                                    India is moving on from its archaic concepts of women not being able to manage both a career and a child, and one of the women leading the change is celebrated photographer and entrepreneur Amrita Samant who runs the successful venture, ‘Mommy Shots by Amrita’, operating out of India and Singapore.
                                    For young parents, such photo shoots have become a norm because social media has normalised the sharing of personal moments. Also, celebrities stepping out of their comfort zone, moving on from just doing fashion shoots and sharing the different facets of their life, have encouraged and motivated others to celebrate their own lives in a similar way. Now, many mothers-to-be feel confident about posing before the camera.
                                    Amrita’s work went on to pioneer baby portraiture in India and she shares, “Newborn and creative baby photography has always been very popular in the West, and I wanted to carve a niche back home by capturing moments that families could treasure forever." </p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>


    <footer class="container-fluid fh5co-footer">
        <div class="container" id="contact">
            <div class="row">
                <div class="col-lg-5">
                    <h2>CONTACT US TODAY NOW</h2>
                    <p class="light">
                        If you are looking for a Photographer
                    </p>
                    <p>
                        <span class="email"><img src="images/email.png"
                                alt="email icon" /></span><b>pixophotography.com</b>
                    </p>
                    <p>
                        <span class="phone"><img src="images/phone.png" alt="phone icon" /></span><b>+123-456-7890</b>
                    </p>
                    <h3>We Are Social:</h3>
                    <ul class="navbar-nav float-left social-links footer-social">
                        <li class="nav-item">
                            <a class="nav-link" href="https://www.facebook.com/fh5co"><i class="fab fa-facebook-f"></i></a>
                        </li>
                        <li class="nav-item"><a class="nav-link" href="#"><i class="fab fa-pinterest-p"></i></a>
                        </li>
                        <li class="nav-item"><a class="nav-link" href="https://twitter.com/fh5co"><i class="fab fa-twitter"></i></a>
                        </li>
                        <li class="nav-item"><a class="nav-link" href="#"><i class="fab fa-google-plus-g"></i></a>
                        </li>

                    </ul>
                </div>

                <div class="col-lg-7">
                    <div class="form-box">
                        <h4>What would you like to talk about</h4>
                        <p>We'd Love to Hear From you !</p>
                        <hr />
                        <table class="table table-light table-borderless">
                            <tr>
                                <td><input type="text" class="form-control" placeholder="Name...">
                                </td>

                                <td><input type="text" class="form-control" placeholder="Email address">
                                </td>
                            </tr>

                            <tr>
                                <td colspan="2"><textarea class="form-control" placeholder="You Message"></textarea>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <button type="submit">
                                        SUBMIT NOW
                                    </button>

                                </td>
                            </tr>
                        </table>
                    </div>
                </div>


            </div>
        </div>
    </footer>
    <div class="container-fluid copy">
        <div class="col-lg-12">
            <p>&copy; 2021 PIXO. All rights Reserved. Design by BCA STUDENTS [GROUP 9]
        </div>
    </div>

    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="owl-carousel/owl.carousel.min.js"></script>
    <script src="js/isotope-docs.min.js?6"></script>
    <script src="js/main.js"></script>
</body>

</html>