diff --git a/landerpage.html b/landerpage.html index 8a26ca2..56c6541 100644 --- a/landerpage.html +++ b/landerpage.html @@ -19,11 +19,7 @@ z-index: 1; /* Keeps the line above other elements */ } -/* Add padding to ensure text doesn’t overlap the separator */ -.left, .right { - position: relative; /* Required to keep the separator positioned correctly */ - padding-left: 10px; - padding-right: 10px; + } /* Half-Line Separator between two divs */ /* Half-Line Separator between two divs */ @@ -45,16 +41,7 @@ } - .text { - font-family: 'Orbitron', sans-serif; /* Futuristic font */ - font-size: 20px; /* Adjust size as needed */ - text-transform: uppercase; /* Makes text uppercase */ - text-align: center; /* Center-aligns the text */ - color: #fff; /* Neon color for the text */ - text-shadow: 0 0 10px rgba(0, 255, 204, 0.8), 0 0 20px rgba(0, 255, 204, 0.6); /* Neon glow effect */ - letter-spacing: 2px; /* Space between letters for a robotic feel */ - transition: transform 0.3s; /* Smooth transform transition */ -} + .neon-border { border: 2px solid rgba(0, 255, 255, 0.8); /* Neon border color */ border-radius: 10px; /* Optional: rounded corners */ @@ -119,88 +106,7 @@ align-items: center; } - /* Flexbox for Two Columns */ - .container { - display: flex; - flex-wrap: wrap; - width: 100%; - max-width: 1200px; - justify-content: space-between; - padding: 20px; - } - - /* Left and Right Divs */ - .left, .right { - flex: 1; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - padding: 10px; - max-width: 50%; - min-width: 300px; - text-align: center; - } - - /* Left Div Styling */ - .left .logo { - max-width: 250px; - margin-bottom: 20px; - } - - .left .message { - color: #fff; - font-size: 1.5rem; - margin-bottom: 20px; - } - - .left .powered-by { - color: #f7b83b; - font-size: 1rem; - margin-bottom: 20px; - } - - .left .qr-container img { - width: 160px; - margin: 5px; - } - - /* Right Div Styling */ - .right .logo { - max-width: 150px; - margin-bottom: 20px; - } - - .right .button { - padding: 10px 25px; - border-radius: 50px; - border: none; - color: #fff; - font-size: 1.2rem; - cursor: pointer; - margin: 10px; - width: 200px; - } - - .red-button { - background-color: #ff4d4d; - } - - .yellow-button { - background-color: #ffeb3b; - color: #000; - } - - .green-button { - background-color: #4caf50; - } - - /* Responsive Layout */ - @media (max-width: 768px) { - .left, .right { - max-width: 100%; - } - } + body { font-family: 'Poppins', sans-serif; @@ -312,11 +218,11 @@
-
+ QR Code 1 QR Code 2 QR Code 3 -
+