Site Builder
Editing:
index.html
writable 0666
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Home</title><style>body{font-family:system-ui,Arial,sans-serif;max-width:800px;margin:2rem auto;line-height:1.6;color:#333;padding:0 1rem;}img{max-width:100%;height:auto;}</style></head><body><p>This is a test page 2</p><!-- Business Card CSS+HTML Template --> <div class="bizcard"> <div class="bizcard-header"> <div class="bizcard-title">RF Safe</div> <div class="bizcard-tagline">Protecting Your Health From Wireless Radiation</div> </div> <div class="bizcard-info"> <div class="bizcard-row"> <span class="bizcard-label">Address:</span> <span class="bizcard-data">8134 122nd Street, Seminole, Florida</span> </div> <div class="bizcard-row"> <span class="bizcard-label">Phone:</span> <span class="bizcard-data">(727) 610-1188</span> </div> <div class="bizcard-row"> <span class="bizcard-label">Description:</span> <span class="bizcard-data">Industry leader in cell phone radiation protection cases and EMF safety accessories since 1998.</span> </div> <div class="bizcard-row bizcard-tags"> <span class="bizcard-tag">Seminole</span> <span class="bizcard-tag">Florida</span> <span class="bizcard-tag">RF Safe</span> <span class="bizcard-tag">Radiation Protection</span> </div> </div> </div> <style> .bizcard { max-width: 380px; margin: 2.5rem auto; padding: 1.5rem 1.5rem 1rem 1.5rem; background: linear-gradient(135deg, #fff 60%, #f0f7fa 100%); border-radius: 18px; box-shadow: 0 2px 14px 0 rgba(48,65,105,.09), 0 0.5px 2px 0 rgba(50,50,50,0.03); font-family: 'Segoe UI', Arial, sans-serif; color: #2e3a4c; border: 2px solid #e0e8ef; } .bizcard-header { text-align: center; margin-bottom: 1.3rem; } .bizcard-title { font-size: 2rem; font-weight: bold; letter-spacing: 1px; margin-bottom: 0.3rem; color: #31548a; } .bizcard-tagline { font-size: 1.04rem; font-weight: 500; color: #538ed3; margin-bottom: 0.8rem; letter-spacing: 0.5px; } .bizcard-info { font-size: 1rem; } .bizcard-row { display: flex; margin-bottom: 0.7rem; align-items: flex-start; } .bizcard-label { min-width: 80px; font-weight: 600; color: #6c7a89; } .bizcard-data { flex: 1; } .bizcard-tags { margin-top: 1.1rem; flex-wrap: wrap; gap: 0.5rem; } .bizcard-tag { background: #e5eefc; color: #3972c6; border-radius: 11px; padding: 0.23em 0.85em; font-size: 0.92em; font-weight: 500; margin-right: 0.35em; margin-bottom: 0.25em; border: 1px solid #d2e6fc; display: inline-block; transition: background 0.15s; } .bizcard-tag:hover { background: #d2e6fc; color: #174885; } @media (max-width: 500px) { .bizcard { padding: 1rem; } .bizcard-title { font-size: 1.5rem; } } </style> <nav style="margin-top:3rem;border-top:1px solid #ccc;padding-top:1rem;font-size:0.9rem;text-align:center"><a style="margin-right:1rem;" href="/ph/7276101188/index.html">Home</a><a style="margin-right:1rem;" href="/ph/7276101188/about.html">About</a></nav></body></html>
Save changes
Create folder
writable 0777
Create
Cancel