├── README.md ├── mmtocm ├── SQUARECONVERTER ├── ADDSUBMUL ├── calci ├── SPICYHUT RESTRARAUNT-2 └── SPICY HUT RESTRARAUNT1 /README.md: -------------------------------------------------------------------------------- 1 | # 20BEE4002 -------------------------------------------------------------------------------- /mmtocm: -------------------------------------------------------------------------------- 1 | 2 | 3 | M to mm Length Converter 4 | 5 | 6 |

M TO MM

7 | 8 | 9 |

10 | 11 | 12 |

13 |

Milli

14 | 15 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /SQUARECONVERTER: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |

Enter First Number: 11 |

12 | 13 |

14 |

Enter First Number: 11 |

12 | Enter Second Number:

13 |

14 | 19 | 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /calci: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | calculater 8 | 9 | 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 | 119 | 120 | 121 | -------------------------------------------------------------------------------- /SPICYHUT RESTRARAUNT-2: -------------------------------------------------------------------------------- 1 | :root{ 2 | --red:crimson; 3 | --green:#53BF9D; 4 | --yellow:#FFC54D; 5 | --white:whitesmoke; 6 | } 7 | 8 | body,h2{ 9 | margin:0; 10 | font-family: Arial, Helvetica, sans-serif; 11 | } 12 | 13 | .landing{ 14 | background-image: url('../media/bg.jpg'); 15 | background-size: cover; 16 | background-position: center; 17 | height:100vh; 18 | color:var(--white); 19 | } 20 | 21 | header a{ 22 | text-decoration: none; 23 | color:var(--yellow); 24 | min-width: 120px; 25 | } 26 | 27 | header{ 28 | display:flex; 29 | flex-wrap:wrap; 30 | row-gap:1em; 31 | padding:1em; 32 | } 33 | 34 | #logo{ 35 | flex:3; 36 | font-size:1.25em; 37 | min-width:260px; 38 | } 39 | 40 | nav{ 41 | flex:2; 42 | display:flex; 43 | align-items: center; 44 | } 45 | 46 | nav a{ 47 | flex:1; 48 | } 49 | 50 | nav a:hover{ 51 | color:var(--green); 52 | } 53 | 54 | header h2 i,nav a i{ 55 | margin-right: .5em; 56 | } 57 | 58 | 59 | .maintext{ 60 | display:flex; 61 | flex-direction:column; 62 | height:50vh; 63 | justify-content: center; 64 | padding:2em; 65 | } 66 | 67 | .tagline1{ 68 | color:var(--red); 69 | font-size:2.5em; 70 | font-weight: bolder; 71 | } 72 | 73 | .tagline2{ 74 | color:var(--yellow); 75 | } 76 | 77 | .maintext div{ 78 | margin-top:.75em; 79 | } 80 | 81 | .maintext button{ 82 | width:20vw; 83 | margin-top:2em; 84 | border-radius:10px; 85 | padding:.7em; 86 | background-color: var(--green); 87 | color:var(--white); 88 | border: 1px solid var(--green); 89 | } 90 | 91 | .menu{ 92 | display:grid; 93 | grid-template-columns: repeat(auto-fit,minmax(320px,1fr)); 94 | background:linear-gradient(to right,rgb(100, 100, 100),rgb(53, 52, 52)); 95 | color:var(--white); 96 | } 97 | 98 | #menuheading,#locheading{ 99 | background:linear-gradient(to right,rgb(100, 100, 100),rgb(53, 52, 52)); 100 | font-size:2.5em; 101 | color:var(--red); 102 | display: flex; 103 | justify-content: center; 104 | } 105 | 106 | .menu th{ 107 | color:var(--green); 108 | font-size: 1.8em; 109 | } 110 | 111 | table{ 112 | width:100%; 113 | padding:1em; 114 | } 115 | 116 | .menu tr{ 117 | display:flex; 118 | justify-content: center; 119 | margin-top:.8em; 120 | } 121 | 122 | .menu td:nth-child(1){ 123 | flex:1; 124 | justify-self: left; 125 | } 126 | 127 | 128 | .menu td:nth-child(2){ 129 | justify-self: right; 130 | } 131 | 132 | .maincourse{ 133 | grid-row:span 2; 134 | } 135 | 136 | .locations{ 137 | background:linear-gradient(to right,rgb(100, 100, 100),rgb(53, 52, 52)); 138 | color:var(--white); 139 | display:flex; 140 | flex-wrap:wrap; 141 | } 142 | 143 | .locations h2{ 144 | color:var(--green); 145 | margin-bottom: .8em; 146 | } 147 | 148 | .locations div{ 149 | flex:1; 150 | padding:1em; 151 | min-width:220px; 152 | } 153 | 154 | footer{ 155 | background-color: rgb(55, 55, 55); 156 | color:var(--white); 157 | padding:.25em 1em; 158 | } 159 | 160 | #copyright{ 161 | margin-left:20px; 162 | } 163 | .social-menu ul{ 164 | display: flex; 165 | padding:0; 166 | } 167 | 168 | .social-menu ul li{ 169 | list-style: none; 170 | display:inline-block; 171 | margin: 0 15px; 172 | } 173 | 174 | .social-menu ul li .fab{ 175 | font-size: 25px; 176 | line-height: 40px; 177 | transition: .3s; 178 | color: #000; 179 | } 180 | 181 | .social-menu ul li .fab:hover{ 182 | color: #fff; 183 | } 184 | 185 | .social-menu ul li a{ 186 | position: relative; 187 | display: block; 188 | width: 40px; 189 | height: 40px; 190 | border-radius: 50%; 191 | background-color: #fff; 192 | text-align: center; 193 | transition: .6s; 194 | box-shadow: 0 5px 4px rgba(0,0,0,.5); 195 | } 196 | 197 | .social-menu ul li a:hover{ 198 | transform: translate(0, -10%); 199 | } 200 | 201 | .social-menu ul li:nth-child(1) a:hover{ 202 | background-color: #4267B2; 203 | } 204 | .social-menu ul li:nth-child(2) a:hover{ 205 | background-color: #E4405F; 206 | } 207 | .social-menu ul li:nth-child(3) a:hover{ 208 | background-color: #00ACEE; 209 | } 210 | -------------------------------------------------------------------------------- /SPICY HUT RESTRARAUNT1: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Spicy Hut - Restaurant in Chennai 11 | 12 | 13 | 14 |
15 |
16 | 17 | 21 |
22 |
23 |
24 | Finest Treat for Your Taste Buds 25 |
26 |
27 | Freshest Ingredients Guranteed 28 |
29 |
30 | Call us @+91 1234567890 31 |
32 | 33 | 34 |
35 |
36 | 37 | 38 | 155 |

Locations

156 |
157 |
158 |

Anna Nagar

159 |
160 | 15, 10th Main Road
161 | Anna Nagar,
162 | Chennai - 600102 163 |
164 |
165 |
166 |

Velachery

167 |
168 | 5, 3rd Cross Road,
169 | Vijaya Nagar,
170 | Velachery,
171 | Chennai - 600042 172 |
173 |
174 |
175 |

Tambaram

176 |
177 | 145, MIT Road,
178 | Tambaram,
179 | Chennai - 600045 180 |
181 |
182 |
183 | 193 | 194 | 195 | --------------------------------------------------------------------------------