Skip to content

Commit

Permalink
Update landerpage.html
Browse files Browse the repository at this point in the history
  • Loading branch information
Tejas-Sawant-iffort authored Oct 8, 2024
1 parent 84dc689 commit 4f1fdde
Showing 1 changed file with 5 additions and 99 deletions.
104 changes: 5 additions & 99 deletions landerpage.html
Original file line number Diff line number Diff line change
Expand Up @@ -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 */
Expand All @@ -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 */
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -312,11 +218,11 @@

<!-- QR Code -->
<div class="qr-code">
<div class="qr-container">

<img src="https://api.qrserver.com/v1/create-qr-code/?color=000000&bgcolor=FFFFFF&data=https%3A%2F%2Fiffort-ai-agents.netlify.app%2Fchat.html&qzone=1&margin=0&size=400x400&ecc=L" alt="QR Code 1" class="neon-border">
<img src="https://api.qrserver.com/v1/create-qr-code/?color=000000&bgcolor=FFFFFF&data=https%3A%2F%2Fiffort-ai-agents.netlify.app%2Fvoice.html&qzone=1&margin=0&size=400x400&ecc=L" alt="QR Code 2" class="neon-border">
<img src="https://api.qrserver.com/v1/create-qr-code/?color=000000&bgcolor=FFFFFF&data=https%3A%2F%2Fwa.me%2F15556205683%3Ftext%3DHey%2520Fitze!%2520Can%2520you%2520explain%2520your%2520motive%3F&qzone=1&margin=0&size=400x400&ecc=L" alt="QR Code 3" class="neon-border">
</div>

</div>

<!-- Button for Next/Explore -->
Expand Down

0 comments on commit 4f1fdde

Please sign in to comment.