Internshala-Webdevelopment-Assignment1/index.html at master · joseettan/Internshala-Webdevelopment-Assignment1 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>

<html>
<head>

<!---- The page has a title Lifestyle Store-->

<title>Lifestyle Store</title>
<link rel="shortcut icon" href="./img/srtcticon.png" type="image/png" >

<!---- External css file index.css placed in the folder css is linked-->

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

</head>

<!--header-->

<body>
    <div class="header">
        <div class="inner-header">
            <div class="logo"><a href="#">Lifestyle Store</a></div>
            <div class="header-link"><a href="signup.php">Sign Up</a> </div>
            <div class="header-link"><a href="login.php">Log In</a> </div>
        </div>
    </div>

<!--main content-->

    <div class="content">
       <div class="banner-image">

           <div class="inner-banner-image">
              <center>
               <div class="banner_content">
                   <h1>We sell lifestyle.</h1>
                    <p>Flat 40% OFF on premium brands</p>
                    <a href="newpage.php" target="_blank">

                            <center>
                                <input class="button" type="button" value="Shop Now">
                            </center>
                    </a>
                </div>
              </center>
           </div>
        </div>

            </div>

<!--thumbnail-->

    <div class="container">

<!--cameras-->

        <div class="items">
            <a href="#" >
                <img src="img/camera.jpg" alt="cameras" class="thumbnail">
                    <div class="caption">         <h2>Cameras</h2>
                        <p>Choose among the best available in the world.</p>
                    </div>
            </a>
        </div>

<!--watches-->

        <div class="items">
            <a href="#" >
                <img src="img/watch.jpg" alt="watches" class="thumbnail">
                    <div class="caption">         <h2>Watches</h2>
                        <p>Original watches from the best brands.</p>
                    </div>
            </a>
        </div>

<!--shirts-->

        <div class="items">
            <a href="lifestyle.com/shirts">
                <img src="img/shirt.jpg" alt="shirts" class="thumbnail">
                    <div class="caption">         <h2>Shirts</h2>
                        <p>Our exquisite collection of shirts.</p>
                    </div>
            </a>
        </div>

    </div>

<!--footer-->

        <footer class="footer">
            Copyright&copy; Lifestyle Store. All Rights Reserved | Contact Us: +91 90000 00000
        </footer>


</body>
</html>