@import url(‘
https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap’);
body, html {
margin: 0; padding: 0;
font-family: ‘Roboto’, sans-serif;
}
/* Hero */
.caw-hero {
position: relative;
text-align: center;
padding: 120px 20px 120px 20px;
color: white;
background: linear-gradient(135deg,#007bff,#00c6ff);
border-radius: 12px;
}
.caw-hero img { max-width:120px; margin-bottom:20px; }
.caw-hero h1 { font-size:3rem; margin:0; }
.caw-hero h2 { font-size:1.8rem; margin-top:20px; min-height:40px; }
/* Sections */
.caw-section { margin:60px 20px; text-align:center; }
.caw-section h2 { color:#007bff; font-size:2rem; margin-bottom:25px; }
.caw-card {
background:white;
border-radius:15px;
padding:25px;
margin:20px auto;
max-width:800px;
box-shadow:0 10px 20px rgba(0,0,0,0.1);
}
.caw-card img { width:100%; border-radius:12px; margin-bottom:20px; }
.caw-card p { font-size:1.1rem; line-height:1.6; }
/* Form */
.caw-form-section {
background: linear-gradient(135deg,#ff7e5f,#feb47b);
border-radius:15px;
padding:60px 20px;
color:white;
}
.caw-form-container {
max-width:700px;
margin:0 auto;
background:rgba(255,255,255,0.95);
padding:40px;
border-radius:15px;
color:#333;
}
.caw-form-group { margin-bottom:20px; }
.caw-form-group label { display:block; font-weight:bold; margin-bottom:8px; }
.caw-form-group input, .caw-form-group textarea {
width:100%;
padding:12px;
border-radius:8px;
border:1px solid #ddd;
font-size:16px;
}
.caw-form-group textarea { min-height:100px; resize:vertical; }
.caw-radio-options label { display:block; margin-bottom:10px; cursor:pointer; font-weight:bold; }
.caw-radio-options input { margin-right:10px; transform:scale(1.2); }
.caw-btn {
background: linear-gradient(135deg,#007bff,#00c6ff);
color:white;
font-size:18px;
padding:15px;
border:none;
border-radius:10px;
cursor:pointer;
width:100%;
}
CLEVER APPS & WEB
Ιστοσελίδες με διαφορά
Αισθητική και λειτουργικότητα σε κάθε λεπτομέρεια. Γρήγορη φόρτωση και πλήρως προσβάσιμες για όλους τους χρήστες.
Εφαρμογές για κινητά
Έξυπνες εφαρμογές για Android & iOS με εύκολη χρήση και εντυπωσιακή αισθητική.
// Typing effect
const phrases = [«Γίνετε παγκοσμίως γνωστοί για τις ιδέες σας!», «Δημιουργούμε όμορφες ιστοσελίδες.», «Έξυπνες εφαρμογές για κινητά.»];
let i=0,j=0,isDeleting=false;
const el=document.getElementById(‘caw-typing’);
function type(){
if(i>=phrases.length)i=0;
const current=phrases[i];
el.textContent=current.substring(0,j);
if(!isDeleting){ j++; if(j>current.length){ isDeleting=true; setTimeout(type,1500); return; } }
else{ j–; if(j<0){ isDeleting=false;i++; setTimeout(type,500); return; } }
setTimeout(type, isDeleting?50:100);
}
document.addEventListener('DOMContentLoaded', type);
// Toggle forms
const websiteRadio = document.getElementById('cawWebsiteRadio');
const appRadio = document.getElementById('cawAppRadio');
const websiteForm = document.getElementById('cawWebsiteForm');
const appForm = document.getElementById('cawAppForm');
const formStatus = document.getElementById('caw-form-status');
function toggleForms(){
if(websiteRadio.checked){ websiteForm.style.display='block'; appForm.style.display='none'; formStatus.textContent='Επιλέχθηκε η φόρμα ιστοσελίδας'; }
else { appForm.style.display='block'; websiteForm.style.display='none'; formStatus.textContent='Επιλέχθηκε η φόρμα εφαρμογής'; }
}
websiteRadio.addEventListener('change',toggleForms);
appRadio.addEventListener('change',toggleForms);
toggleForms();
CLEVER APPS & WEB 