We use advanced AI technology to help you diagnose skin conditions quickly and accurately.
Our Services
AI Diagnosis
Upload a photo and get instant results.
Expert Consultation
Connect with dermatologists for professional advice.
Contact Us
/* General Styles */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
line-height: 1.6;
}
.container {
width: 90%;
max-width: 1200px;
margin: 0 auto;
}
/* Header */
header {
background: #333;
color: #fff;
padding: 10px 0;
}
header h1 {
margin: 0;
display: inline;
}
nav ul {
list-style: none;
float: right;
}
nav ul li {
display: inline;
margin-left: 20px;
}
nav ul li a {
color: #fff;
text-decoration: none;
}
/* Hero Section */
.hero {
background: #007BFF;
color: #fff;
padding: 100px 0;
text-align: center;
}
.hero h2 {
font-size: 2.5em;
}
.hero p {
font-size: 1.2em;
}
.btn {
display: inline-block;
padding: 10px 20px;
background: #fff;
color: #007BFF;
text-decoration: none;
border-radius: 5px;
}
/* About Section */
.about {
padding: 50px 0;
text-align: center;
}
/* Services Section */
.services {
background: #f4f4f4;
padding: 50px 0;
text-align: center;
}
.service-list {
display: flex;
justify-content: space-around;
margin-top: 20px;
}
.service-item {
background: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
width: 30%;
}
/* Contact Section */
.contact {
padding: 50px 0;
text-align: center;
}
.contact form {
max-width: 600px;
margin: 0 auto;
}
.contact input, .contact textarea {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
.contact button {
padding: 10px 20px;
background: #007BFF;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
}
/* Footer */
footer {
background: #333;
color: #fff;
text-align: center;
padding: 20px 0;
}// Example: Form Submission Handling
document.getElementById('contactForm').addEventListener('submit', function(event) {
event.preventDefault();
alert('Thank you for contacting us! We will get back to you soon.');
});
// Example: Upload Photo for AI Analysis
document.getElementById('uploadForm').addEventListener('submit', function(event) {
event.preventDefault();
const file = document.getElementById('photoUpload').files[0];
if (file) {
// Call AI API here (e.g., Google Cloud Vision)
alert('Photo uploaded for analysis. Please wait for results.');
} else {
alert('Please upload a photo.');
}
});
Get link
Facebook
X
Pinterest
Email
Other Apps
Comments
Popular posts from this blog
Capture Picture with Description Capture Picture with Description Allow access to your camera to start capturing pictures. Capture Picture Captured Image
Comments
Post a Comment