1000

 .register-section {


    padding: 40px 20px;


    background-color: #f5f5f5;


    min-height: 100vh;


    display: flex;


    align-items: center;


    justify-content: center;


}




.register-container {


    background-color: #fff;


    padding: 30px;


    border-radius: 8px;


    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);


    max-width: 400px;


    width: 100%;


}




.register-container h2 {


    margin-bottom: 20px;


    font-size: 24px;


    color: #333;


}




.register-form .form-group {


    margin-bottom: 15px;


}




.register-form .form-group label {


    display: block;


    font-size: 14px;


    color: #666;


    margin-bottom: 5px;


}




.register-form .form-group input {


    width: 100%;


    padding: 10px;


    font-size: 16px;


    border: 1px solid #ccc;


    border-radius: 4px;


}




.btn-primary {


    width: 100%;


    background-color: #3498db;


    color: #fff;


    padding: 10px 0;


    font-size: 16px;


    border: none;


    border-radius: 4px;


    cursor: pointer;


    margin-top: 20px;


}




.btn-primary:hover {


    background-color: #2980b9;


}




.login-link {


    text-align: center;


    margin-top: 20px;


    font-size: 14px;


}




.login-link a {


    color: #3498db;


    text-decoration: none;


}




.login-link a:hover {


    text-decoration: underline;


}


body {


    font-family: Arial, sans-serif;


    margin: 0;


    padding: 0;


    background-color: #f4f4f4;


}




header {


    background-color: #333;


    color: #fff;


    padding: 10px 20px;


    text-align: center;


}




header h1 {


    margin: 0;


}




nav a {


    color: #fff;


    margin: 0 15px;


    text-decoration: none;


}




main {


    padding: 20px;


    max-width: 1200px;


    margin: 0 auto;


}




.checkout-container {


    background: #fff;


    border-radius: 8px;


    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);


    padding: 20px;


}




.checkout-table {


    width: 100%;


    border-collapse: collapse;


    margin-bottom: 20px;


}




.checkout-table th, .checkout-table td {


    padding: 12px;


    text-align: center;


    border-bottom: 1px solid #ddd;


}




.checkout-table th {


    background-color: #f4f4f4;


}




.checkout-summary {


    padding: 10px 0;


    border-bottom: 1px solid #ddd;


    text-align: right;


}




.checkout-summary p {


    margin: 0;


}




form {


    margin-top: 20px;


}




form label {


    display: block;


    margin: 10px 0 5px;


}




form input, form textarea, form select {


    width: 100%;


    padding: 10px;


    border-radius: 4px;


    border: 1px solid #ddd;


    margin-bottom: 10px;


}




.submit-btn {


    background-color: #27ae60;


    color: #fff;


    border: none;


    padding: 10px 20px;


    border-radius: 4px;


    cursor: pointer;


}




.submit-btn:hover {


    background-color: #2ecc71;


}




footer {


    background-color: #333;


    color: #fff;


    text-align: center;


    padding: 10px 20px;


}




body {


    font-family: Arial, sans-serif;


    margin: 0;


    padding: 0;


    background-color: #f4f4f4;


}




header {


    background-color: #333;


    color: #fff;


    padding: 10px 20px;


    text-align: center;


}




header h1 {


    margin: 0;


}




nav a {


    color: #fff;


    margin: 0 15px;


    text-decoration: none;


}




main {


    padding: 20px;


    max-width: 1200px;


    margin: 0 auto;


}




.cart-container {


    background: #fff;


    border-radius: 8px;


    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);


    overflow: hidden;


}




.cart-table {


    width: 100%;


    border-collapse: collapse;


}




.cart-table th, .cart-table td {


    padding: 12px;


    text-align: center;


    border-bottom: 1px solid #ddd;


}




.cart-table th {


    background-color: #f4f4f4;


}




.quantity-input {


    width: 60px;


    text-align: center;


}




.remove-btn {


    background-color: #e74c3c;


    color: #fff;


    border: none;


    padding: 6px 12px;


    border-radius: 4px;


    cursor: pointer;


}




.remove-btn:hover {


    background-color: #c0392b;


}




.cart-summary {


    padding: 20px;


    border-top: 1px solid #ddd;


    text-align: right;


}




.checkout-btn {


    background-color: #27ae60;


    color: #fff;


    padding: 10px 20px;


    border-radius: 4px;


    text-decoration: none;


}




.checkout-btn:hover {


    background-color: #2ecc71;


}




footer {


    background-color: #333;


    color: #fff;


    text-align: center;


    padding: 10px 20px;


}


.login-section {


    display: flex;


    justify-content: center;


    align-items: center;


    height: 100vh;


    background-color: #f5f5f5;


}




.login-container {


    background-color: #fff;


    padding: 40px;


    border-radius: 8px;


    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);


    max-width: 400px;


    width: 100%;


    text-align: center;


}




.login-container h2 {


    margin-bottom: 20px;


    font-size: 24px;


    color: #333;


}




.form-group {


    margin-bottom: 15px;


    text-align: left;


}




.form-group label {


    display: block;


    margin-bottom: 5px;


    font-weight: bold;


}




.form-group input {


    width: 100%;


    padding: 10px;


    border: 1px solid #ccc;


    border-radius: 4px;


}




.btn-primary {


    background-color: #3498db;


    color: #fff;


    padding: 10px 20px;


    border: none;


    border-radius: 4px;


    cursor: pointer;


    width: 100%;


}




.btn-primary:hover {


    background-color: #2980b9;


}




.error-message {


    color: #e74c3c;


    margin-bottom: 15px;


    font-weight: bold;


}




.register-link {


    margin-top: 20px;


}




.register-link p {


    margin: 0;


}




.register-link a {


    color: #3498db;


    text-decoration: none;


}




.register-link a:hover {


    text-decoration: underline;


}





/* Additional styles for profile.jsp */




.profile-section {


    padding: 40px 20px;


    background-color: #f5f5f5;


    min-height: 100vh;


}




.profile-container {


    background-color: #fff;


    padding: 30px;


    border-radius: 8px;


    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);


    max-width: 600px;


    margin: 0 auto;


}




.profile-container h2 {


    margin-bottom: 20px;


    font-size: 24px;


    color: #333;


}




.profile-details p {


    font-size: 18px;


    margin-bottom: 10px;


}




.order-history {


    width: 100%;


    border-collapse: collapse;


    margin-top: 20px;


}




.order-history th, .order-history td {


    padding: 10px;


    border: 1px solid #ddd;


    text-align: left;


}




.order-history th {


    background-color: #3498db;


    color: #fff;


}




.order-history tr:nth-child(even) {


    background-color: #f2f2f2;


}




.profile-actions {


    margin-top: 20px;


    display: flex;


    justify-content: space-between;


}




.btn-primary {


    background-color: #3498db;


    color: #fff;


    padding: 10px 20px;


    border: none;


    border-radius: 4px;


    cursor: pointer;


    text-decoration: none;


    text-align: center;


}




.btn-primary:hover {


    background-color: #2980b9;


}




.btn-secondary {


    background-color: #e67e22;


    color: #fff;


    padding: 10px 20px;


    border: none;


    border-radius: 4px;


    cursor: pointer;


    text-decoration: none;


    text-align: center;


}




.btn-secondary:hover {


    background-color: #d35400;


}




.invoice-section {


    padding: 20px;


    background-color: #fff;


    border-radius: 8px;


    margin: 20px auto;


    max-width: 800px;


}




.invoice-section h2 {


    text-align: center;


    margin-bottom: 20px;


    font-size: 28px;


    color: #333;


}




.invoice-table {


    width: 100%;


    border-collapse: collapse;


    margin-bottom: 20px;


}




.invoice-table th,


.invoice-table td {


    padding: 12px;


    text-align: left;


    border-bottom: 1px solid #ddd;


}




.invoice-table th {


    background-color: #f4f4f4;


}




.invoice-table td {


    font-size: 16px;


}




.total-label {


    text-align: right;


    font-weight: bold;


}




.invoice-actions {


    text-align: center;


    margin-top: 20px;


}




.invoice-actions .btn-primary,


.invoice-actions .btn-secondary {


    padding: 10px 20px;


    border-radius: 4px;


    text-decoration: none;


    font-size: 16px;


    margin: 0 10px;


}




.invoice-actions .btn-primary {


    background-color: #27ae60;


    color: #fff;


}




.invoice-actions .btn-secondary {


    background-color: #3498db;


    color: #fff;


}




.invoice-actions .btn-primary:hover {


    background-color: #2ecc71;


}




.invoice-actions .btn-secondary:hover {


    background-color: #2980b9;


}


body {


    font-family: Arial, sans-serif;


    margin: 0;


    padding: 0;


    background-color: #f4f4f4;


}




header {


    background-color: #333;


    color: #fff;


    padding: 15px 20px;


    display: flex;


    justify-content: space-between;


    align-items: center;


}




header h1 {


    margin: 0;


}




nav a {


    color: #fff;


    margin: 0 15px;


    text-decoration: none;


    font-weight: bold;


}




main {


    padding: 20px;


    background-color: #fff;


    border-radius: 8px;


    margin: 20px;


}




.welcome-section {


    text-align: center;


    margin-bottom: 30px;


}




.welcome-section h2 {


    font-size: 36px;


    margin-bottom: 10px;


}




.welcome-section p {


    font-size: 18px;


    margin-bottom: 20px;


}




.btn-primary {


    background-color: #27ae60;


    color: #fff;


    padding: 10px 20px;


    border-radius: 4px;


    text-decoration: none;


    font-size: 16px;


}




.btn-primary:hover {


    background-color: #2ecc71;


}




.highlights {


    display: flex;


    justify-content: space-around;


    margin-top: 30px;


}




.highlight-card {


    background-color: #f9f9f9;


    padding: 20px;


    border-radius: 8px;


    width: 30%;


    text-align: center;


    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);


}




.highlight-card h3 {


    font-size: 24px;


    margin-bottom: 15px;


}




.highlight-card p {


    font-size: 16px;


    margin-bottom: 20px;


}




.btn-secondary {


    background-color: #3498db;


    color: #fff;


    padding: 8px 16px;


    border-radius: 4px;


    text-decoration: none;


}




.btn-secondary:hover {


    background-color: #2980b9;


}




footer {


    background-color: #333;


    color: #fff;


    text-align: center;


    padding: 10px 20px;


    margin-top: 20px;


}




body {


    font-family: Arial, sans-serif;


    margin: 0;


    padding: 0;


    background-color: #f4f4f4;


}




header {


    background-color: #333;


    color: #fff;


    padding: 10px 20px;


    display: flex;


    justify-content: space-between;


    align-items: center;


}




header h1 {


    margin: 0;


}




nav a {


    color: #fff;


    margin: 0 15px;


    text-decoration: none;


}




.search-form {


    display: flex;


    align-items: center;


}




.search-form input {


    padding: 5px;


    border-radius: 4px;


    border: none;


    margin-right: 5px;


}




.search-form button {


    padding: 5px 10px;


    background-color: #27ae60;


    color: #fff;


    border: none;


    border-radius: 4px;


    cursor: pointer;


}




.search-form button:hover {


    background-color: #2ecc71;


}




.banner {


    position: relative;


    text-align: center;


    color: white;


}




.banner img {


    width: 100%;


    height: auto;


    border-radius: 8px;


}




.banner-text {


    position: absolute;


    top: 50%;


    left: 50%;


    transform: translate(-50%, -50%);


}




.banner-text h2 {


    font-size: 36px;


    margin-bottom: 10px;


}




.banner-text p {


    font-size: 18px;


    margin-bottom: 20px;


}




.btn-primary {


    background-color: #27ae60;


    color: #fff;


    padding: 10px 20px;


    border-radius: 4px;


    text-decoration: none;


    display: inline-block;


}




.btn-primary:hover {


    background-color: #2ecc71;


}




.categories {


    padding: 20px;


    background-color: #fff;


    border-radius: 8px;


    margin: 20px 0;


}




.categories h2 {


    text-align: center;


    margin-bottom: 20px;


}




.category-cards {


    display: flex;


    justify-content: space-around;


    flex-wrap: wrap;


}




.category-card {


    text-align: center;


    margin: 10px;


}




.category-card img {


    width: 100%;


    max-width: 250px;


    height: auto;


    border-radius: 8px;


}




.btn-secondary {


    background-color: #3498db;


    color: #fff;


    padding: 8px 16px;


    border-radius: 4px;


    text-decoration: none;


    display: inline-block;


}




.btn-secondary:hover {


    background-color: #2980b9;


}




.featured-products {


    padding: 20px;


    background-color: #fff;


    border-radius: 8px;


    margin: 20px 0;


}




.featured-products h2 {


    text-align: center;


    margin-bottom: 20px;


}




.product-cards {


    display: flex;


    justify-content: space-around;


    flex-wrap: wrap;


}




.product-card {


    text-align: center;


    margin: 10px;


    background-color: #f9f9f9;


    padding: 15px;


    border-radius: 8px;


    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);


}




.product-card img {


    width: 100%;


    max-width: 200px;


    height: auto;


    border-radius: 8px;


}




footer {


    background-color: #333;


    color: #fff;


    text-align: center;


    padding: 10px 20px;


    margin-top: 20px;


}

Comments

Post a Comment

Popular posts from this blog

css

 @charset "ISO-8859-1";  @import url('https://fonts.googleapis.com/css?family=Montserrat:400,800'); * {     box-sizing: border-box; } body {     background: #f6f5f7;     display: flex;     justify-content: center;     align-items: center;     flex-direction: column;     font-family: 'Montserrat', sans-serif;     height: 100vh;     margin: -20px 0 50px; } h1 {     font-weight: bold;     margin: 0; } h2 {     text-align: center; } p {     font-size: 14px;     font-weight: 100;     line-height: 20px;     letter-spacing: 0.5px;     margin: 20px 0 30px; } span {     font-size: 12px; } a {     color: #333;     font-size: 14px;     text-decoration: none;     margin: 15px 0; } button {     border-radius: 20px;     border: 1px solid #38ef7d;   ...
Read more

fruit.jsp

 <%@ page language="java" contentType="text/html; charset=ISO-8859-1"     pageEncoding="ISO-8859-1"%>     <%@ page import="cart.CartItem" %>      <!DOCTYPE html> <html lang="en"> <head>   <meta charset="ISO-8859-1">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Online Grocery Store - Home</title>     <link rel="stylesheet" href="home.css">     <script src="js/script.js" defer></script> </head> <body>     <header>         <div class="header-container">             <h1>Online Grocery Store</h1>             <nav>                 <a href="home.jsp">Home</a>                 <...
Read more