├── README.md
└── Html
    ├── imag
        ├── g.png
        ├── y.png
        ├── OIP.jpg
        ├── fa.png
        ├── in.png
        ├── g tea.jpg
        ├── th (1).jpg
        ├── OIP (1).jpg
        ├── black co.jpg
        ├── download.jpg
        ├── russ tea.jpg
        ├── Chinese Tea.jpg
        ├── cappuccino.jpg
        ├── milk coffee.jpg
        ├── American Tea.jpg
        ├── america coff.jpg
        ├── chinnese coff.jpg
        └── Indian Milk Tea.jpg
    ├── form1.html
    ├── style.css
    ├── cafe.html
    ├── form.html
    ├── coffee.html
    └── tea.html


/README.md:
--------------------------------------------------------------------------------
1 | # Mr.Cafe-website-design-using-html-and-css
2 | it an sample cafe website 
3 | 


--------------------------------------------------------------------------------
/Html/imag/g.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NITHISHKUMAR-C/Mr.Cafe-website-design-using-html-and-css/HEAD/Html/imag/g.png


--------------------------------------------------------------------------------
/Html/imag/y.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NITHISHKUMAR-C/Mr.Cafe-website-design-using-html-and-css/HEAD/Html/imag/y.png


--------------------------------------------------------------------------------
/Html/imag/OIP.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NITHISHKUMAR-C/Mr.Cafe-website-design-using-html-and-css/HEAD/Html/imag/OIP.jpg


--------------------------------------------------------------------------------
/Html/imag/fa.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NITHISHKUMAR-C/Mr.Cafe-website-design-using-html-and-css/HEAD/Html/imag/fa.png


--------------------------------------------------------------------------------
/Html/imag/in.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NITHISHKUMAR-C/Mr.Cafe-website-design-using-html-and-css/HEAD/Html/imag/in.png


--------------------------------------------------------------------------------
/Html/imag/g tea.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NITHISHKUMAR-C/Mr.Cafe-website-design-using-html-and-css/HEAD/Html/imag/g tea.jpg


--------------------------------------------------------------------------------
/Html/imag/th (1).jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NITHISHKUMAR-C/Mr.Cafe-website-design-using-html-and-css/HEAD/Html/imag/th (1).jpg


--------------------------------------------------------------------------------
/Html/imag/OIP (1).jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NITHISHKUMAR-C/Mr.Cafe-website-design-using-html-and-css/HEAD/Html/imag/OIP (1).jpg


--------------------------------------------------------------------------------
/Html/imag/black co.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NITHISHKUMAR-C/Mr.Cafe-website-design-using-html-and-css/HEAD/Html/imag/black co.jpg


--------------------------------------------------------------------------------
/Html/imag/download.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NITHISHKUMAR-C/Mr.Cafe-website-design-using-html-and-css/HEAD/Html/imag/download.jpg


--------------------------------------------------------------------------------
/Html/imag/russ tea.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NITHISHKUMAR-C/Mr.Cafe-website-design-using-html-and-css/HEAD/Html/imag/russ tea.jpg


--------------------------------------------------------------------------------
/Html/imag/Chinese Tea.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NITHISHKUMAR-C/Mr.Cafe-website-design-using-html-and-css/HEAD/Html/imag/Chinese Tea.jpg


--------------------------------------------------------------------------------
/Html/imag/cappuccino.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NITHISHKUMAR-C/Mr.Cafe-website-design-using-html-and-css/HEAD/Html/imag/cappuccino.jpg


--------------------------------------------------------------------------------
/Html/imag/milk coffee.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NITHISHKUMAR-C/Mr.Cafe-website-design-using-html-and-css/HEAD/Html/imag/milk coffee.jpg


--------------------------------------------------------------------------------
/Html/imag/American Tea.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NITHISHKUMAR-C/Mr.Cafe-website-design-using-html-and-css/HEAD/Html/imag/American Tea.jpg


--------------------------------------------------------------------------------
/Html/imag/america coff.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NITHISHKUMAR-C/Mr.Cafe-website-design-using-html-and-css/HEAD/Html/imag/america coff.jpg


--------------------------------------------------------------------------------
/Html/imag/chinnese coff.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NITHISHKUMAR-C/Mr.Cafe-website-design-using-html-and-css/HEAD/Html/imag/chinnese coff.jpg


--------------------------------------------------------------------------------
/Html/imag/Indian Milk Tea.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NITHISHKUMAR-C/Mr.Cafe-website-design-using-html-and-css/HEAD/Html/imag/Indian Milk Tea.jpg


--------------------------------------------------------------------------------
/Html/form1.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>MR CAFE</title>
 7 |     <link rel="icon" href="imag/OIP.jpg">
 8 | </head>
 9 | <style>
10 | nav{
11 |     background-color: black;
12 |     color:white;
13 |     padding:2px;
14 |     margin: 2%;
15 |     border-radius: 30px;
16 |     text-align: center;
17 |     display: inline-block;
18 |     width: 50%;
19 |     height: 50px;
20 |    
21 | }
22 | .tab{
23 |     padding: 4px;
24 |    
25 | }
26 | .than{
27 |     text-shadow: 5px;
28 |     color: brown;
29 |     text-align: center;
30 | 
31 | }
32 | </style>
33 | <body>
34 |     <center> <nav><h1 class="a"><em>Mr.Cafe Log in Portal</em></h1> </nav> </center>
35 |  <center>
36 | 
37 |     <form>
38 |         <table class="tab">
39 |             <tr>
40 |                 <td>
41 |                          Email : <input type="email" placeholder="Enter Your Email">
42 |                     
43 |                     </td>
44 |             </tr>
45 |             <tr>
46 |                 <td>
47 |                     
48 |                         Password: <input type="password" placeholder="Enter Your Password">
49 |                     
50 |                 </td>
51 |             </tr>
52 |             </table>
53 |             <input type="submit" >
54 |             <input type="reset">
55 | 
56 |     </form>
57 | </center>
58 |     <div>
59 |         <h3 class="than"><em>Log in to Order</em></h3>
60 |     </div>
61 | </body>
62 | </html>


--------------------------------------------------------------------------------
/Html/style.css:
--------------------------------------------------------------------------------
 1 | *{
 2 |     margin: 0;
 3 |     padding: 0;
 4 | }
 5 |     nav{
 6 |     background-color: black;
 7 |     color:white;
 8 |     padding:15px;
 9 |     margin: 10px;
10 |     border-radius: 10px;
11 |     
12 |     }
13 |     li,h2,ul{
14 |         display: inline;  
15 |     }
16 |     ul{
17 |         margin-left: 75%;
18 | 
19 |     }
20 |     li {
21 |         color: slategray;
22 |     }
23 |     .order,.a1,.a2,.log{
24 |         color: slategray;
25 |     }
26 | li:hover,.order:hover ,.a1:hover,.a2:hover,.log:hover{
27 |     color: white;
28 |     cursor: pointer;
29 | }
30 | 
31 | .a{
32 |     text-align: center;
33 | 
34 | }
35 | input{
36 |     width: 60%;
37 |     padding: 10px;
38 |     margin: 2%;
39 | }
40 | .searchbar {
41 |     text-align: center;
42 |     t
43 | }
44 | 
45 | 
46 |     .b{
47 |         margin: 2%;
48 |         margin-left: 20px;
49 |        padding: 20px;
50 |     }
51 | .box{
52 |     margin: 2%;
53 |     border-color: black;
54 |     border-width: 2px;
55 |     border-style: none;
56 |     display: inline-block;
57 |     width: 390px;
58 | }
59 | .products{
60 |     text-align: center;
61 | }
62 | #About{
63 |     color: brown;
64 |     margin: 2%;
65 | }
66 | .abpara{
67 |     margin: 2%;
68 |     text-align: justify;
69 | }
70 | #con{
71 |     color: brown;
72 |     margin: 2%;
73 |    
74 |    
75 | }
76 | .gmail,.you,.ins,.fac{
77 |     margin: 2%;
78 |     width: 2px;
79 |     height: 2px;
80 |     display: inline;
81 |     padding: 2px;
82 |    
83 | }
84 | .idj{
85 |     border-radius: 20px;
86 |     width: 396px;
87 |     height: 290px;
88 | }
89 | 
90 | 


--------------------------------------------------------------------------------
/Html/cafe.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>MR CAFE</title>
 7 |     <link rel="icon" href="imag/OIP.jpg">
 8 | </head>
 9 | <link rel="stylesheet" href="style.css">
10 | <body>
11 | 
12 |         <div class="head">
13 |             <nav>
14 |             <h2>Mr.Cafe</h2>
15 |             <ul>
16 |                 <li> <a class="a1" href="#About">About us |</a></li>
17 |                 <li> <a class="a2" href="#con">Contract us |</a></li>
18 |                 <li> <a class="order" href="form.html" target="_blank">order |</a> </li>
19 |                 <li> <a class="log" href="form1.html" target="_blank">Log in |</a> </li>
20 |             </ul>
21 |             </nav>
22 |         </div>
23 | <div>
24 |     <h1 class="a"><em>Welcome To Mr.Cafe</em></h1> 
25 | </div>
26 |         <div class="searchbar">
27 |             <input type="search" placeholder="Search the Cafe">
28 |         </div>
29 | <div> <center> <h2 class="Best"> <em>"BEST IN CLASS PRODUCTS ONLY ON Mr.Cafe"</em></h2>  </center></div>
30 |     <br>
31 | <div><h2 class="b">Pick the Products</h2> <br></div>
32 |     
33 | 
34 | <div class="Products">
35 |     <div class="box">
36 | <img class="idj" src="imag/OIP.jpg" alt="Coffee">
37 | <a href="coffee.html" target="_blank">Click to see Coffee varities</a>
38 |     </div>
39 |     <div class="box">
40 |         <img class="idj" src="imag/download.jpg" alt="indian Tea"> <br>
41 |         <a href="form.html" target="_blank">Click to order black tea</a>
42 |             </div>
43 | 
44 |     <div class="box">
45 |         <img class="idj" src="imag/OIP (1).jpg" alt="Tea">
46 |         <a href="tea.html" target="_blank">Click to see Tea varities</a>
47 |             </div>
48 | </div>
49 | <div>
50 |     <h2 id="About">About us</h2>
51 |     <p class="abpara">Welcome to Mr.Cafe! Nestled in the heart of Namakkal, we're more than just a café - we're a community hub where friends, families, and colleagues gather to savor moments and create memories. From the aroma of freshly brewed coffee to the delectable flavors of our artisanal pastries, every aspect of Mr.Cafe is crafted with passion and dedication. Our mission is simple: to provide a warm and inviting space where you can relax, indulge, and connect. Whether you're seeking a quiet spot to work, catching up with old friends, or simply craving a delicious pick-me-up, we invite you to join us and experience the essence of Mr.cafe. We look forward to serving you and becoming a cherished part of your day.</p>
52 | </div>
53 | <hr> <br>
54 | <center>
55 | <div>
56 | <h2 id="con">Contract us</h2>
57 | </div> </center> <br>
58 | <center>
59 | <div>
60 |     <a class="gmail" href="mailto:abc@gmail.com"> <img src="imag/g.png" alt="gmail"></a>
61 |     <a class="you" href="https://www.youtube.com/"><img src="imag/y.png" alt="youtube"></a>
62 |     <a class="ins" href="https://www.instagram.com/"><img src="imag/in.png" alt="instagram"></a>
63 |     <a class="fac" href="https://www.facebook.com/"><img src="imag/fa.png" alt="facebook"></a>
64 |    
65 | </div>
66 | </center> <br> <br>
67 | <center>
68 |     <table>
69 | 
70 | 
71 |     <tr>
72 |         <td>
73 |             <h4 style="color: brown;">Email:abc@gmail.com</h4>
74 |         </td>
75 |     </tr>
76 |     <tr>
77 |         <td>
78 |             <h4 style="color: brown;">Phone No: 9876543210</h4>
79 |         </td>
80 |     </tr>
81 |     <tr>
82 |         <td>
83 |             <h4 style="color: brown;">Address:6th Street Namakkal</h4>
84 |         </td>
85 |     </tr>
86 | 
87 | </table>
88 | </center>
89 | </body>
90 | </html>


--------------------------------------------------------------------------------
/Html/form.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <title>MR CAFE</title>
  7 |     <link rel="icon" href="imag/OIP.jpg">
  8 | </head>
  9 | 
 10 | <style>
 11 | nav{
 12 |     background-color: black;
 13 |     color:white;
 14 |     padding:2px;
 15 |     margin: 2%;
 16 |     border-radius: 30px;
 17 |     text-align: center;
 18 |     display: inline-block;
 19 |     width: 50%;
 20 |     height: 50px;
 21 |    
 22 | }
 23 | .tab{
 24 |     padding: 4px;
 25 |    
 26 | }
 27 | .than{
 28 |     text-shadow: 5px;
 29 |     color: brown;
 30 |     text-align: center;
 31 | 
 32 | }
 33 | </style>
 34 | 
 35 | 
 36 | <body>
 37 |    <center> <nav><h1 class="a"><em>Mr.Cafe Order Portal</em></h1> </nav> </center>
 38 |  <center>
 39 |     <form>
 40 |         <table class="tab">
 41 |             <tr>
 42 |                 <td>
 43 |                          Name : <input type="text" placeholder="Enter Your Name">
 44 |                     
 45 |                     </td>
 46 |             </tr>
 47 |             <tr>
 48 |                 <td>
 49 |                     
 50 |                         Email: <input type="email" placeholder="Enter Your Email">
 51 |                     
 52 |                 </td>
 53 |             </tr>
 54 |             <tr>
 55 |                 <td>
 56 |                     
 57 |                         Address: <input type="text" placeholder="Enter Your Address">
 58 |                     
 59 |                 </td>
 60 |             </tr>
 61 |             <tr>
 62 |                 <td>
 63 |                    
 64 |                         Mobile Number: <input type="number" placeholder="Enter Your Mobile Number">
 65 |                     
 66 |                 </td>
 67 |             </tr>
 68 |             <tr>
 69 |                 <td>
 70 |                    
 71 |                         Choose product: <select>
 72 |                             <option >Mexican Coffee</option>
 73 |                             <option >indian Coffee</option>
 74 |                             <option >Chinese Coffee</option>
 75 |                             <option >American Coffee</option>
 76 |                             <option >Cappuccino</option>
 77 |                             <option >Russian Coffee</option>
 78 |                             <option >Indian Black Tea</option>
 79 |                             <option >Indian Milk Tea</option>
 80 |                             <option >Chinese Tea</option>
 81 |                             <option >American Tea</option>
 82 |                         </select>
 83 |                     
 84 |                 </td>
 85 |             </tr>
 86 |             <tr>
 87 |                 <td>
 88 |                     Milk: <select>
 89 |                         <option >
 90 |                             yes
 91 |                         </option>
 92 |                         <option>
 93 |                             No
 94 |                         </option>
 95 |                     </select>
 96 |                 </td>
 97 |             </tr>
 98 |             <tr>
 99 |                 <td>
100 |                     
101 |                         Choose Payment option : <select >
102 |                             <option> Cash On Delivery</option>
103 |                             <option> Internet Banking</option>
104 |                             <option>UPI Translation</option>
105 |                         </select>
106 |                     
107 |                 </td>
108 |             </tr>
109 | 
110 |         </table> 
111 |     
112 | 
113 |     <input type="submit">
114 |     <input type="reset">
115 | </form>
116 | </center>
117 | <br> <br> <br> <br>
118 | <div>
119 |     <h1 class="than"><em>Thank You for Choosing us!🎉</em></h1>
120 | </div>
121 |     
122 | </body>
123 | </html>


--------------------------------------------------------------------------------
/Html/coffee.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <title>MR CAFE</title>
  7 |     <link rel="icon" href="imag/OIP.jpg">
  8 | </head>
  9 | <title>MR CAFE</title>
 10 | <link rel="icon" href="imag/OIP.jpg">
 11 | 
 12 | <style>
 13 |     *{
 14 |     margin: 0;
 15 |     padding: 0;
 16 | }
 17 |     nav{
 18 |     background-color: black;
 19 |     color:white;
 20 |     padding:15px;
 21 |     margin: 10px;
 22 |     border-radius: 10px; }
 23 |     li,h2,ul{
 24 |         display: inline;  
 25 |     }
 26 |     ul{
 27 |         margin-left: 80%;
 28 | 
 29 |     }
 30 |     li {
 31 |         color: slategray;
 32 |     }
 33 |     .order{
 34 |         color: slategray;
 35 |     }
 36 | li:hover,.order:hover {
 37 |     color: white;
 38 |     cursor: pointer;
 39 | }
 40 | 
 41 | .a{
 42 |     text-align: center;
 43 | color: brown;
 44 | }
 45 | .box{
 46 |     margin: 2%;
 47 |     border-color: black;
 48 |     border-width: 2px;
 49 |     border-style: none;
 50 |     display: inline-block;
 51 |     width: 390px;
 52 | }
 53 | img{
 54 |     width: 396px;
 55 |     height: 290px;
 56 |     border-radius: 20px;
 57 | }
 58 | </style>
 59 | 
 60 | <body>
 61 |     <div class="head">
 62 |         <nav>
 63 |         <h2>Mr.Cafe</h2>
 64 |         <ul>
 65 |             <li> <a class="order" href="cafe.html" >Home |</a> </li>
 66 |             <li> <a class="order" href="form.html" >order |</a> </li>
 67 |             <li> <a class="order" href="form1.html">Log in | </a> </li>
 68 |         </ul>
 69 |         </nav>
 70 |     </div>
 71 |     <div>
 72 |         <h1 class="a"><em>Mr.Cafe Coffee varities</em></h1> 
 73 |     </div>
 74 |     <div class="Products">
 75 |         <div class="box">
 76 |     <img  src="imag/OIP.jpg" alt="Mexican Coffee">
 77 |     <a href="form.html" target="_blank">Mexican Coffee</a>
 78 |         </div>
 79 |         <div class="box">
 80 |             <img  src="imag/black co.jpg" alt="Indian Coffee"> <br>
 81 |             <a href="form.html" target="_blank">Indian coffee</a>
 82 |                 </div>
 83 |     
 84 |             <div class="box">
 85 |                 <img  src="imag/chinnese coff.jpg" alt="Chinese Coffee">
 86 |                 <a href="form.html" target="_blank">Chinese Coffee</a>
 87 |                 </div>
 88 |                 
 89 |         <div class="box">
 90 |             <img  src="imag/america coff.jpg" alt="American Coffee">
 91 |             <a href="form.html" target="_blank">American Coffee</a>
 92 |     </div>
 93 |     
 94 |     <div class="box">
 95 |         <img  src="imag/cappuccino.jpg" alt="cappuccino">
 96 |         <a href="form.html" target="_blank">Cappuccino</a>     </div>
 97 |         
 98 |         <div class="box">
 99 |             <img  src="imag/milk coffee.jpg" alt="Russian Coffee">
100 |             <a href="form.html" target="_blank">Russian Coffee</a>     </div>
101 | <br><br>
102 | 
103 |             <div> <center> <h2 class="Best" style="color: brown;"> <em>"BEST IN CLASS PRODUCTS ONLY ON Mr.Cafe"</em></h2>  </center></div>
104 |           <br><br>  <hr> <br> <br>
105 |             <center>
106 |                 <table>
107 |             
108 |             
109 |                 <tr>
110 |                     <td>
111 |                         <h4 style="color: brown;">Email:abc@gmail.com</h4>
112 |                     </td>
113 |                 </tr>
114 |                 <tr>
115 |                     <td>
116 |                         <h4 style="color: brown;">Phone No: 9876543210</h4>
117 |                     </td>
118 |                 </tr>
119 |                 <tr>
120 |                     <td>
121 |                         <h4 style="color: brown;">Address:6th Street Namakkal</h4>
122 |                     </td>
123 |                 </tr>
124 |             
125 |             </table>
126 |             </center>
127 | 
128 | </body>
129 | </html>


--------------------------------------------------------------------------------
/Html/tea.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <title>MR CAFE</title>
  7 |     <link rel="icon" href="imag/OIP.jpg">
  8 | </head>
  9 | <title>MR CAFE</title>
 10 | <link rel="icon" href="imag/OIP.jpg">
 11 | 
 12 | <style>
 13 |     *{
 14 |     margin: 0;
 15 |     padding: 0;
 16 | }
 17 |     nav{
 18 |     background-color: black;
 19 |     color:white;
 20 |     padding:15px;
 21 |     margin: 10px;
 22 |     border-radius: 10px; }
 23 |     li,h2,ul{
 24 |         display: inline;  
 25 |     }
 26 |     ul{
 27 |         margin-left: 80%;
 28 | 
 29 |     }
 30 |     li {
 31 |         color: slategray;
 32 |     }
 33 |     .order{
 34 |         color: slategray;
 35 |     }
 36 | li:hover,.order:hover {
 37 |     color: white;
 38 |     cursor: pointer;
 39 | }
 40 | 
 41 | .a{
 42 |     text-align: center;
 43 | color: brown;
 44 | }
 45 | .box{
 46 |     margin: 2%;
 47 |     border-color: black;
 48 |     border-width: 2px;
 49 |     border-style: none;
 50 |     display: inline-block;
 51 |     width: 390px;
 52 | }
 53 | img{
 54 |     width: 396px;
 55 |     height: 290px;
 56 |     border-radius: 20px;
 57 | }
 58 | </style>
 59 | 
 60 | <body>
 61 |     <div class="head">
 62 |         <nav>
 63 |         <h2>Mr.Cafe</h2>
 64 |         <ul>
 65 |             <li> <a class="order" href="cafe.html" target="_blank">Home |</a> </li>
 66 |             <li> <a class="order" href="form.html" target="_blank">order |</a> </li>
 67 |             <li> <a class="order" href="form1.html" target="_blank">Log in | </a> </li>
 68 |         </ul>
 69 |         </nav>
 70 |     </div>
 71 |     <div>
 72 |         <h1 class="a"><em>Mr.Cafe Tea varities</em></h1> 
 73 |     </div>
 74 |     <div class="Products">
 75 |         <div class="box">
 76 |     <img  src="imag/download.jpg" alt="Indian Black Tea">
 77 |     <a href="form.html" target="_blank">Indian Tea</a>
 78 |         </div>
 79 |         <div class="box">
 80 |             <img  src="imag/Indian Milk Tea.jpg" alt="Mexican Tea"> <br>
 81 |             <a href="form.html" target="_blank">Mexican Tea</a>
 82 |                 </div>
 83 |     
 84 |             <div class="box">
 85 |                 <img  src="imag/Chinese Tea.jpg" alt="Chinese Tea">
 86 |                 <a href="form.html" target="_blank">Chinese Tea</a>
 87 |                 </div>
 88 |                 
 89 |         <div class="box">
 90 |             <img  src="imag/American Tea.jpg" alt="American Tea">
 91 |             <a href="form.html" target="_blank">American Tea</a>
 92 |     </div>
 93 |     
 94 |     <div class="box">
 95 |         <img  src="imag/g tea.jpg" alt="green Tea">
 96 |         <a href="form.html" target="_blank">Green Tea</a>     </div>
 97 |         
 98 |         <div class="box">
 99 |             <img  src="imag/russ tea.jpg"" alt="Russian Tea">
100 |             <a href="form.html" target="_blank">Russian Tea</a>     </div>
101 | <br><br>
102 | 
103 |             <div> <center> <h2 class="Best" style="color: brown;"> <em>"BEST IN CLASS PRODUCTS ONLY ON Mr.Cafe"</em></h2>  </center></div>
104 |           <br><br>  <hr> <br> <br>
105 |             <center>
106 |                 <table>
107 |             
108 |             
109 |                 <tr>
110 |                     <td>
111 |                         <h4 style="color: brown;">Email:abc@gmail.com</h4>
112 |                     </td>
113 |                 </tr>
114 |                 <tr>
115 |                     <td>
116 |                         <h4 style="color: brown;">Phone No: 9876543210</h4>
117 |                     </td>
118 |                 </tr>
119 |                 <tr>
120 |                     <td>
121 |                         <h4 style="color: brown;">Address:6th Street Namakkal</h4>
122 |                     </td>
123 |                 </tr>
124 |             
125 |             </table>
126 |             </center>
127 | 
128 | </body>
129 | </html>


--------------------------------------------------------------------------------