ojt-style.css
cessxyy
css
7 days ago
1.7 kB
4
Indexable
/*Landing Page CSS*/ * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', sans-serif; } body { background-color: #ffffff; color: #333; padding: 0 16px; } header.navbar { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; } .logo { display: flex; align-items: center; gap: 8px; } .logo img { width: 40px; height: 40px; object-fit: cover; border-radius: 50%; } .title { font-size: 1.5em; font-weight: bold; color: #007bff; } main.landing { text-align: center; padding: 20px 10px; } main.landing h1 { font-size: 2em; color: #007bff; margin-bottom: 10px; } main.landing p { font-size: 1em; color: #555; margin-bottom: 30px; } .features { display: flex; flex-direction: column; gap: 16px; margin-bottom: 30px; } .feature-box { background-color: #f7f9fc; padding: 16px; border-radius: 12px; text-align: left; } .feature-box h3 { margin-bottom: 5px; color: #333; } .buttons { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; } button.get-started, button.create-account { padding: 12px 24px; border: none; border-radius: 8px; font-weight: bold; font-size: 1em; cursor: pointer; transition: 0.3s ease; } button.get-started { background-color: #007bff; color: white; } button.create-account { background-color: #f1f5f9; color: #007bff; } button.get-started:hover { background-color: #0056b3; } button.create-account:hover { background-color: #e2e8f0; }
Editor is loading...
Leave a Comment