Posts

HTMLPages

 HOme Page <div class="main-container" style="max-width: 600px; margin: 50px auto; padding: 30px; background: #f4f6f8; border-radius: 10px; font-family: 'Segoe UI', sans-serif; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); text-align: center;">   <div class="top-row">     <h1 style="color: #2c3e50; font-size: 28px; margin-bottom: 20px;">Online Restaurant Management System</h1>   </div>   <hr class="divider" style="border: none; border-top: 2px solid #ccc; margin: 20px 0;" />   <div class="button-box" style="display: flex; flex-direction: column; gap: 20px; align-items: center;">     <a routerLink="/add" class="menu-button add" style="text-decoration: none; background: #27ae60; color: white; padding: 12px 25px; border-radius: 6px; font-size: 16px; font-weight: bold; box-shadow: 0 3px 6px rgba(0,0,0,0.1);">ADD MENU</a>   ...
Post a Comment
Read more

H45

 .maain-container {   max-width: 600px;   margin: 40px auto;   background-color: #fdfdfd;   padding: 30px;   border-radius: 8px;   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);   font-family: Arial, sans-serif; } .maain-container h2 {   text-align: center;   color: #333;   margin-bottom: 25px; } .maain-container form {   display: flex;   flex-direction: column; } .maain-container label {   margin-bottom: 5px;   font-weight: bold;   color: #555; } .maain-container input, .maain-container textarea, .maain-container select {   margin-bottom: 15px;   padding: 10px;   font-size: 14px;   border-radius: 5px;   border: 1px solid #ccc;   width: 100%;   box-sizing: border-box; } .maain-container button {   padding: 10px 20px;   font-size: 14px;   border: none;   border-radius: 5px;   background-color: #007bff;   color: white;   font-weight: bold;   ...
Post a Comment
Read more

H34

 .foorm-container {   max-width: 600px;   margin: auto;   background-color: #ffffff;   padding: 25px 30px;   border-radius: 10px;   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);   font-family: Arial, sans-serif; } .foorm-container h2 {   text-align: center;   margin-bottom: 20px;   color: #2c3e50; } .foorm-container form {   display: flex;   flex-direction: column; } .foorm-container label {   font-weight: bold;   margin-bottom: 5px;   color: #444; } .foorm-container input, .foorm-container textarea, .foorm-container select {   padding: 10px;   font-size: 14px;   margin-bottom: 15px;   border-radius: 5px;   border: 1px solid #ccc;   width: 100%; } .foorm-container button {   padding: 10px 20px;   font-size: 14px;   margin-right: 10px;   border: none;   border-radius: 5px;   font-weight: bold;   cursor: pointer;   transition: 0.3s ease; } .foo...
Post a Comment
Read more

H2

 body {   font-family: Arial, sans-serif;   background-color: #f2f2f2;   padding: 20px; } .main-container {   max-width: 600px;   margin: auto;   background-color: #fff;   padding: 30px;   border-radius: 10px;   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .top-row h1 {   text-align: center;   font-size: 24px;   color: #2c3e50;   margin-bottom: 10px; } hr {   margin: 20px 0;   border: none;   border-top: 2px solid #ccc; } .form-container h2 {   text-align: center;   color: #333;   margin-bottom: 20px; } label {   font-weight: bold;   display: block;   margin-bottom: 5px;   color: #444; } input, textarea, select {   width: 100%;   padding: 10px;   font-size: 14px;   border-radius: 4px;   border: 1px solid #ccc;   margin-bottom: 15px; } button {   padding: 10px 20px;   font-weight: bold;   font-size: 14px;   border: none;...
Post a Comment
Read more

H1

 body {   font-family: Arial, sans-serif;   background-color: #f4f4f4;   padding: 20px; } .main-container {   max-width: 600px;   margin: auto;   background-color: #ffffff;   padding: 25px;   border-radius: 8px;   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); } .form-title {   text-align: center;   margin-bottom: 20px;   color: #333;   font-size: 22px; } form {   display: flex;   flex-direction: column; } label {   margin-bottom: 5px;   font-weight: bold;   color: #444; } input, textarea, select {   margin-bottom: 15px;   padding: 8px;   border: 1px solid #ccc;   border-radius: 4px;   font-size: 14px; } button {   background-color: #007bff;   color: white;   border: none;   padding: 10px;   border-radius: 4px;   cursor: pointer;   font-weight: bold;   font-size: 15px; } button:hover {   opacity: 0.9; } a {   margin-top: 10p...
Post a Comment
Read more

C3

 /* Base Styles */ body {   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;   background: linear-gradient(to right, #f9f9f9, #ffffff);   color: #333;   padding: 20px; } /* Main Container */ .main-container {   max-width: 1000px;   margin: 30px auto;   background: #fff;   padding: 30px;   border-radius: 12px;   box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } /* Header */ .top-row {   text-align: center;   margin-bottom: 20px; } .main-title {   font-size: 26px;   color: #2c3e50;   letter-spacing: 1px; } /* Divider */ .divider {   border: none;   border-top: 2px solid #ddd;   margin: 20px 0; } /* Form Container */ .form-container {   margin-top: 20px; } .form-title {   font-size: 22px;   margin-bottom: 20px;   color: #34495e;   text-align: center; } .sub-heading {   margin-top: 30px;   margin-bottom: 10px;   font-size: 18px;   color: #2d343...
Post a Comment
Read more

C2

 /* Reset & Base */ * {   margin: 0;   padding: 0;   box-sizing: border-box; } body {   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;   background: linear-gradient(to right, #eef2f3, #ffffff);   color: #333;   padding: 20px; } /* Main Container */ .main-container {   max-width: 700px;   margin: auto;   background-color: #fff;   padding: 30px 40px;   border-radius: 12px;   box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); } /* Header */ .top-row {   text-align: center;   margin-bottom: 20px; } .top-row h1 {   font-size: 26px;   color: #2c3e50;   letter-spacing: 1px; } /* Divider */ .divider {   border: none;   border-top: 2px solid #ddd;   margin: 20px 0; } /* Button Box */ .button-box {   display: flex;   flex-direction: column;   align-items: center;   gap: 20px;   margin-bottom: 30px; } .menu-button {   text-decoration: none;   p...
Post a Comment
Read more