Skip to content

Commit 3f0341a

Browse files
tkdogantkdogan
authored
Create index.html
1 parent 3f0a372 commit 3f0341a

File tree

1 file changed

+135
-0
lines changed

1 file changed

+135
-0
lines changed

‎index.html‎

Lines changed: 135 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,135 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>ViewScore - Quantifying Window View Satisfaction</title>
7+
<style>
8+
body { font-family: Arial, sans-serif; margin: 0; padding: 0; color: #333; }
9+
header, footer { background-color: #333; color: #fff; padding: 1em 0; text-align: center; }
10+
.container { width: 90%; max-width: 1200px; margin: 0 auto; }
11+
.hero { background-image: url('cityscape.jpg'); background-size: cover; color: #fff; text-align: center; padding: 100px 20px; }
12+
.hero h1 { font-size: 3em; }
13+
.hero p { font-size: 1.2em; margin-top: 10px; }
14+
.button { background-color: #ff5722; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; }
15+
.features, .how-it-works, .applications, .testimonials, .cta { padding: 50px 0; text-align: center; }
16+
.features h2, .how-it-works h2, .applications h2, .testimonials h2, .cta h2 { font-size: 2.5em; margin-bottom: 10px; }
17+
.feature, .step, .application, .testimonial { margin-bottom: 20px; }
18+
footer .container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
19+
footer .socials a { margin: 0 10px; color: #fff; text-decoration: none; }
20+
</style>
21+
</head>
22+
<body>
23+
24+
<header>
25+
<div class="container">
26+
<h1>ViewScore</h1>
27+
<nav>
28+
<a href="#features">Features</a> |
29+
<a href="#how-it-works">How it Works</a> |
30+
<a href="#applications">Applications</a> |
31+
<a href="#testimonials">Testimonials</a> |
32+
<a href="#contact">Contact Us</a>
33+
</nav>
34+
</div>
35+
</header>
36+
37+
<section class="hero">
38+
<div class="container">
39+
<h1>Transform Building Design with ViewScore</h1>
40+
<p>The smart solution for predicting occupant satisfaction with window views, powered by real data and machine learning.</p>
41+
<button class="button">Try ViewScore Now</button>
42+
</div>
43+
</section>
44+
45+
<section id="features" class="features">
46+
<div class="container">
47+
<h2>Features</h2>
48+
<div class="feature">
49+
<h3>Data-Driven Predictions</h3>
50+
<p>ViewScore analyzes window views using a unique dataset from human studies, offering accurate satisfaction scores based on real preferences.</p>
51+
</div>
52+
<div class="feature">
53+
<h3>Advanced ML Prediction Model</h3>
54+
<p>Our model predicts view satisfaction using image and depth data, adaptable to real estate photos and design mockups.</p>
55+
</div>
56+
<div class="feature">
57+
<h3>Easy Integration for Designers</h3>
58+
<p>A custom CAD plugin enables architects and developers to assess view satisfaction directly in design software, optimizing layouts.</p>
59+
</div>
60+
</div>
61+
</section>
62+
63+
<section id="how-it-works" class="how-it-works">
64+
<div class="container">
65+
<h2>How It Works</h2>
66+
<div class="step">
67+
<h3>1. Data Collection</h3>
68+
<p>Our dataset includes diverse view rankings from human subject studies.</p>
69+
</div>
70+
<div class="step">
71+
<h3>2. Machine Learning</h3>
72+
<p>An ML model predicts satisfaction using depth and visual data.</p>
73+
</div>
74+
<div class="step">
75+
<h3>3. Seamless Integration</h3>
76+
<p>Use ViewScore in CAD tools or real estate listings to visualize satisfaction scores instantly.</p>
77+
</div>
78+
</div>
79+
</section>
80+
81+
<section id="applications" class="applications">
82+
<div class="container">
83+
<h2>Applications</h2>
84+
<div class="application">
85+
<h3>Real Estate</h3>
86+
<p>Evaluate properties based on view satisfaction scores for improved client experiences.</p>
87+
</div>
88+
<div class="application">
89+
<h3>Architecture & Development</h3>
90+
<p>Optimize designs with data-backed insights for enhanced occupant well-being.</p>
91+
</div>
92+
<div class="application">
93+
<h3>Interior Design</h3>
94+
<p>Make informed decisions about window placements and layouts.</p>
95+
</div>
96+
</div>
97+
</section>
98+
99+
<section id="testimonials" class="testimonials">
100+
<div class="container">
101+
<h2>Testimonials</h2>
102+
<div class="testimonial">
103+
<p>"ViewScore transformed our design process, helping us predict occupant satisfaction early on." — <strong>Architect, Urban Designs Inc.</strong></p>
104+
</div>
105+
<div class="testimonial">
106+
<p>"Clients love knowing that views are objectively evaluated!" — <strong>Real Estate Agent, Realty Plus</strong></p>
107+
</div>
108+
</div>
109+
</section>
110+
111+
<section class="cta">
112+
<div class="container">
113+
<h2>Ready to Revolutionize Building Design?</h2>
114+
<button class="button">Request a Demo</button>
115+
</div>
116+
</section>
117+
118+
<footer>
119+
<div class="container">
120+
<p>&copy; 2024 ViewScore. All rights reserved.</p>
121+
<nav>
122+
<a href="#features">About Us</a> |
123+
<a href="#privacy">Privacy Policy</a> |
124+
<a href="#terms">Terms of Service</a>
125+
</nav>
126+
<div class="socials">
127+
<a href="#">Facebook</a>
128+
<a href="#">Twitter</a>
129+
<a href="#">LinkedIn</a>
130+
</div>
131+
</div>
132+
</footer>
133+
134+
</body>
135+
</html>

0 commit comments

Comments
 (0)