body.html
Changed around line 1
+
+
+
+
+
+
Create Stunning Websites with Ease
+
Webflow Genius empowers you to design, build, and launch responsive websites visually, without coding.
+
+
+
+
+
+
Features
+
+
+
Drag & Drop Builder
+
Intuitive drag-and-drop interface for seamless design.
+
+
+
Responsive Design
+
Automatically adapts to all screen sizes.
+
+
+
No Coding Required
+
Build professional websites without writing a single line of code.
+
+
+
+
+
+
+
+
Pricing
+
+
+
+
+
+
+
+
Contact Us
+
+
+
+
+
+
+
+
+
+
+
+
Webflow Genius - Empowering Creators Worldwide
+
+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://webflowgenius.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Webflow Genius - Create Stunning Websites
+ style.css
+ body.html
+ script.js
prompt.json
Changed around line 1
+ {
+ "id": "ad8817ea-64a8-49b6-b2ee-5bf6c37fe9fe",
+ "object": "chat.completion",
+ "created": 1736631122,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\nwebflowgenius.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://webflowgenius.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Webflow Genius - Create Stunning Websites\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n---style.css---\n:root {\n --primary-color: #6c63ff;\n --secondary-color: #f5f5f5;\n --text-color: #333;\n --white: #fff;\n --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\nbody {\n font-family: 'Arial', sans-serif;\n color: var(--text-color);\n margin: 0;\n padding: 0;\n line-height: 1.6;\n}\n\n.container {\n width: 90%;\n max-width: 1200px;\n margin: 0 auto;\n}\n\n.header {\n background: var(--primary-color);\n color: var(--white);\n padding: 20px 0;\n}\n\n.header .logo {\n margin: 0;\n font-size: 24px;\n}\n\n.header .nav ul {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n gap: 20px;\n}\n\n.header .nav ul li a {\n color: var(--white);\n text-decoration: none;\n font-weight: bold;\n}\n\n.hero {\n background: var(--secondary-color);\n padding: 100px 0;\n text-align: center;\n}\n\n.hero h2 {\n font-size: 36px;\n margin-bottom: 20px;\n}\n\n.hero p {\n font-size: 18px;\n margin-bottom: 30px;\n}\n\n.cta-button {\n background: var(--primary-color);\n color: var(--white);\n padding: 10px 20px;\n text-decoration: none;\n border-radius: 5px;\n transition: background 0.3s ease;\n}\n\n.cta-button:hover {\n background: #5751d1;\n}\n\n.features {\n padding: 80px 0;\n text-align: center;\n}\n\n.features h2 {\n font-size: 32px;\n margin-bottom: 40px;\n}\n\n.feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n}\n\n.feature {\n background: var(--white);\n padding: 20px;\n border-radius: 10px;\n box-shadow: var(--shadow);\n}\n\n.feature h3 {\n font-size: 24px;\n margin-bottom: 10px;\n}\n\n.pricing {\n padding: 80px 0;\n text-align: center;\n}\n\n.pricing h2 {\n font-size: 32px;\n margin-bottom: 40px;\n}\n\n.pricing-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n}\n\n.plan {\n background: var(--white);\n padding: 20px;\n border-radius: 10px;\n box-shadow: var(--shadow);\n}\n\n.plan h3 {\n font-size: 24px;\n margin-bottom: 10px;\n}\n\n.plan .price {\n font-size: 28px;\n font-weight: bold;\n margin-bottom: 20px;\n}\n\n.plan ul {\n list-style: none;\n padding: 0;\n margin-bottom: 20px;\n}\n\n.plan ul li {\n margin-bottom: 10px;\n}\n\n.contact {\n padding: 80px 0;\n text-align: center;\n}\n\n.contact h2 {\n font-size: 32px;\n margin-bottom: 40px;\n}\n\n.contact-form {\n max-width: 600px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 15px;\n}\n\n.contact-form input,\n.contact-form textarea {\n padding: 10px;\n border: 1px solid #ccc;\n border-radius: 5px;\n}\n\n.contact-form button {\n background: var(--primary-color);\n color: var(--white);\n padding: 10px 20px;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n transition: background 0.3s ease;\n}\n\n.contact-form button:hover {\n background: #5751d1;\n}\n\n.footer {\n background: var(--primary-color);\n color: var(--white);\n text-align: center;\n padding: 20px 0;\n}\n\n@media (max-width: 768px) {\n .header .nav ul {\n flex-direction: column;\n align-items: center;\n }\n\n .hero h2 {\n font-size: 28px;\n }\n\n .hero p {\n font-size: 16px;\n }\n\n .features h2,\n .pricing h2,\n .contact h2 {\n font-size: 28px;\n }\n\n .feature-grid,\n .pricing-grid {\n grid-template-columns: 1fr;\n }\n}\n---script.js---\n// Smooth scrolling for anchor links\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n document.querySelector(this.getAttribute('href')).scrollIntoView({\n behavior: 'smooth'\n });\n });\n});\n\n// Form submission handling\ndocument.querySelector('.contact-form').addEventListener('submit', function (e) {\n e.preventDefault();\n alert('Thank you for your message! We will get back to you soon.');\n this.reset();\n});\n---end---"
\n
\nWebflow Genius
\n \n\n
\nCreate Stunning Websites with Ease
\nWebflow Genius empowers you to design, build, and launch responsive websites visually, without coding.
\n Get Started\n\n
\nFeatures
\n\n
\n \n
\n Drag & Drop Builder
\nIntuitive drag-and-drop interface for seamless design.
\n\n
\n Responsive Design
\nAutomatically adapts to all screen sizes.
\n\n
\n No Coding Required
\nBuild professional websites without writing a single line of code.
\n\n
\nPricing
\n\n \n \n
\n \n
\n Enterprise
\n$99/month
\n- \n
- Unlimited Websites \n
- Unlimited Storage \n
- 24/7 Support \n
\n
\nContact Us
\n \n+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 241,
+ "completion_tokens": 2044,
+ "total_tokens": 2285,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 241
+ },
+ "system_fingerprint": "fp_3a5770e1b4"
+ }
readme.scroll
Changed around line 1
+ # webflowgenius.scroll.pub
+
+ website generated by DeepSeek from prompt: creer un site de webflow
script.js
Changed around line 1
+ // Smooth scrolling for anchor links
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+ anchor.addEventListener('click', function (e) {
+ e.preventDefault();
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
+ behavior: 'smooth'
+ });
+ });
+ });
+
+ // Form submission handling
+ document.querySelector('.contact-form').addEventListener('submit', function (e) {
+ e.preventDefault();
+ alert('Thank you for your message! We will get back to you soon.');
+ this.reset();
+ });
style.css
Changed around line 1
+ :root {
+ --primary-color: #6c63ff;
+ --secondary-color: #f5f5f5;
+ --text-color: #333;
+ --white: #fff;
+ --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ }
+
+ body {
+ font-family: 'Arial', sans-serif;
+ color: var(--text-color);
+ margin: 0;
+ padding: 0;
+ line-height: 1.6;
+ }
+
+ .container {
+ width: 90%;
+ max-width: 1200px;
+ margin: 0 auto;
+ }
+
+ .header {
+ background: var(--primary-color);
+ color: var(--white);
+ padding: 20px 0;
+ }
+
+ .header .logo {
+ margin: 0;
+ font-size: 24px;
+ }
+
+ .header .nav ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ display: flex;
+ gap: 20px;
+ }
+
+ .header .nav ul li a {
+ color: var(--white);
+ text-decoration: none;
+ font-weight: bold;
+ }
+
+ .hero {
+ background: var(--secondary-color);
+ padding: 100px 0;
+ text-align: center;
+ }
+
+ .hero h2 {
+ font-size: 36px;
+ margin-bottom: 20px;
+ }
+
+ .hero p {
+ font-size: 18px;
+ margin-bottom: 30px;
+ }
+
+ .cta-button {
+ background: var(--primary-color);
+ color: var(--white);
+ padding: 10px 20px;
+ text-decoration: none;
+ border-radius: 5px;
+ transition: background 0.3s ease;
+ }
+
+ .cta-button:hover {
+ background: #5751d1;
+ }
+
+ .features {
+ padding: 80px 0;
+ text-align: center;
+ }
+
+ .features h2 {
+ font-size: 32px;
+ margin-bottom: 40px;
+ }
+
+ .feature-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 20px;
+ }
+
+ .feature {
+ background: var(--white);
+ padding: 20px;
+ border-radius: 10px;
+ box-shadow: var(--shadow);
+ }
+
+ .feature h3 {
+ font-size: 24px;
+ margin-bottom: 10px;
+ }
+
+ .pricing {
+ padding: 80px 0;
+ text-align: center;
+ }
+
+ .pricing h2 {
+ font-size: 32px;
+ margin-bottom: 40px;
+ }
+
+ .pricing-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 20px;
+ }
+
+ .plan {
+ background: var(--white);
+ padding: 20px;
+ border-radius: 10px;
+ box-shadow: var(--shadow);
+ }
+
+ .plan h3 {
+ font-size: 24px;
+ margin-bottom: 10px;
+ }
+
+ .plan .price {
+ font-size: 28px;
+ font-weight: bold;
+ margin-bottom: 20px;
+ }
+
+ .plan ul {
+ list-style: none;
+ padding: 0;
+ margin-bottom: 20px;
+ }
+
+ .plan ul li {
+ margin-bottom: 10px;
+ }
+
+ .contact {
+ padding: 80px 0;
+ text-align: center;
+ }
+
+ .contact h2 {
+ font-size: 32px;
+ margin-bottom: 40px;
+ }
+
+ .contact-form {
+ max-width: 600px;
+ margin: 0 auto;
+ display: flex;
+ flex-direction: column;
+ gap: 15px;
+ }
+
+ .contact-form input,
+ .contact-form textarea {
+ padding: 10px;
+ border: 1px solid #ccc;
+ border-radius: 5px;
+ }
+
+ .contact-form button {
+ background: var(--primary-color);
+ color: var(--white);
+ padding: 10px 20px;
+ border: none;
+ border-radius: 5px;
+ cursor: pointer;
+ transition: background 0.3s ease;
+ }
+
+ .contact-form button:hover {
+ background: #5751d1;
+ }
+
+ .footer {
+ background: var(--primary-color);
+ color: var(--white);
+ text-align: center;
+ padding: 20px 0;
+ }
+
+ @media (max-width: 768px) {
+ .header .nav ul {
+ flex-direction: column;
+ align-items: center;
+ }
+
+ .hero h2 {
+ font-size: 28px;
+ }
+
+ .hero p {
+ font-size: 16px;
+ }
+
+ .features h2,
+ .pricing h2,
+ .contact h2 {
+ font-size: 28px;
+ }
+
+ .feature-grid,
+ .pricing-grid {
+ grid-template-columns: 1fr;
+ }
+ }