My Project 3: (under progress)

 Lifestyle Store:

An online shopping website with a login page, and sign-up page using HTML, CSS, and bootstrap.











index.html code:

<!DOCTYPE html>

<html>

    <head>

        <title>Lifestyle Store</title>

        <meta charset="UTF-8">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <link rel="stylesheet" type="text/css" href="index.css">

    </head>

    <body>

        <div class="header">

            <div class="innerheader">

               

                <div class="logo">

                    <a href=" ">Lifestyle Store</a>

                    </div>

                    <div class="header-link">

                        <a href="login.html">Login</a>

                    </div>

                    <div class="header-link">

                        <a href="signup.html">Sign Up</a>

                    </div>

                

            </div>

        </div>

        <div class="content">

            <div class="banner-image">

                <div class=" inner-bannerimage">

                    <div class="banner_content">

                        <h1>We sell lifestyle.</h1>

                        <p>Flat 40% OFF on premium brands</p>

                        <input type="submit" value="Shop Now" class="button">

                            

                    </div>

                    

                </div>

                    

            </div>

            <div class="container">

                <div class="items">

                    <a href="#">

                        <img src="watch.jpg" alt="" class="thumbnail">

                        <div class="caption">

                            <h2>Watches</h2>

                            <p>Original watches from the best brands.</p>

                        </div>

                    </a>

                </div>

                <div class="items">

                    <a href="#" >

                    <img src="camera.jpg" alt="" class="thumbnail">

                    <div class="caption">

                    <h2>Cameras</h2>

                    <p>Choose among the best available in the world.</p>

                    </div>

                    </a>

                </div>

                <div class="items">

                    <a href="#" >

                    <img src="shirt.jpg" alt="" class="thumbnail">

                    <div class="caption">

                    <h2>Shirts</h2>

                    <p>Our exquisite collection of shirts.</p>

                    </div>

                    </a>

                </div>

            </div>

        </div>       

        <footer>

            <div class="container">

                <p class="head">Copyright © Lifestyle Store. All Rights Reserved | Contact Us: +91 90000 00000</p>

            </div>

        </footer>

    </body>

</html>




Comments

Post a Comment

Popular posts from this blog

Reaction Tester

About Reaction Tester: The user has to click the squares as fast as he/she can. The square can appear in random sizes, directions, and colors.  This project calculates the reaction time of a person in seconds by storing the start time when the square appeared on the screen and also the end time when the user clicks the square. Finally, the user's reaction time is given as an output. Deployed  Reaction Tester  Link:   Click Here Source Code- HTML: <head>     <title> Reaction Tester </title>     <link rel = "stylesheet" href = "rxn.css" > </head> <body>     <div id = "header" >         <h1> Reaction Tester </h1>         <p> Click the boxes as soon as you can... </p>     </div>     <div id = "box" ></div>     <script src = "rxn.js" >     </script> </body> C...
Read more

Suspect Detection System using Template Matching in OpenCV.

Image
 Problem statement:  To detect the suspect from a photograph of a group of people. The pic of that suspect is already stored in the form of a template/patch. The project uses the concept of template matching(in OpenCV) and object detection.  Here the source image is a photograph of a group of people and the template is an image of the suspect. It compares the source and the template by finding the matching probability and encircles the portion in the source image with the maximum matching probability. Source image: Template (Suspect Image): Output: Result:  We found the suspect in the group photograph.  Code: import cv2 import numpy as np   GroupPhotograph=cv2.imread("group.png",cv2.IMREAD_UNCHANGED)   cv2.imshow("Image",GroupPhotograph) cv2.waitKey() cv2.destroyAllWindows()   Man=cv2.imread("man.png",cv2.IMREAD_UNCHANGED)   cv2.imshow("Image",Man) cv2.waitKey() cv2.destroyAllWindows()   result=cv2.matchTemplate(GroupPhotograph,Man,cv2.T...
Read more