File size: 4,406 Bytes
1111925 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GRaPE Mini Beta</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
margin: 0;
padding: 0;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20 20;
}
.header {
background-color: #333;
color: #fff;
padding: 10 20;
text-align: center;
}
.header h1 {
font-size: 36px;
margin: 0;
}
.header p {
font-size: 18px;
margin: 0;
}
.content {
padding: 20 20;
}
.content h2 {
font-size: 24px;
margin: 0;
}
.content p {
font-size: 16px;
margin: 0;
}
.testimonials {
margin: 20 0;
}
.testimonials h2 {
font-size: 24px;
margin: 0;
}
.testimonials p {
font-size: 16px;
margin: 0;
}
.about {
margin: 20 0;
}
.about h2 {
font-size: 24px;
margin: 0;
}
.about p {
font-size: 16px;
margin: 0;
}
.contact {
margin: 20 0;
}
.contact h2 {
font-size: 24px;
margin: 0;
}
.contact p {
font-size: 16px;
margin: 0;
}
.footer {
background-color: #333;
color: #fff;
padding: 20 20;
text-align: center;
}
.footer p {
font-size: 14px;
margin: 0;
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>GRaPE Mini Beta</h1>
<p>AI Assistant for Your Needs</p>
</div>
<div class="content">
<h2>How to Use You</h2>
<p>GRaPE Mini Beta is an AI-powered assistant designed to to help you with your daily tasks. Here's how you can use it:</p>
<ul>
<li>Ask your questions or request information.</li>
<li>Receive answers or suggestions.</li>
<li>Get personalized recommendations.</li>
<li>Stay up-to-date with the latest news and trends.</li>
</ul>
</div>
<div class="testimonials">
<h2>Testimonials</h2>
<div class="testimonial">
<img src="https://via.placeholder.com/150x150" alt="Testimonial Image">
<p>"I've been using GRaPE Mini Beta for a few weeks now, and I can't believe how much it has helped me with my daily tasks. It's like having a personal assistant right at my fingertips!"</p>
<p>- John Doe, User</p>
</div>
<div class="testimonial">
<img src="https://via.placeholder.com/150x150" alt="Testimonial Image">
<p>"I've been using GRaPE Mini Beta for a few weeks now, and I can't believe how much it has helped me with my daily tasks. It's like having a personal assistant right at my fingertips!"</p>
<p>- Jane Smith, User</p>
</div>
</div>
<div class="about">
<h2>About</h2>
<p>GRaPE Mini Beta is an AI-powered assistant designed to help you with your daily tasks. It's a simple and easy-to-use tool that can help you with a wide range of tasks, from answering questions to providing personalized recommendations. With GRaPE Mini Beta, you can stay up-to-date with the latest news and trends, and get personalized recommendations based on your interests.</p>
</div>
<div class="contact">
<h2>Contact</h2>
<p>If you have any questions or feedback, please feel free to contact us at:</p>
<p>[email protected]</p>
<p>Or you can reach us on:</p>
<p>Phone: +1 (123) 456-7890</p>
<p>Email: [email protected]</p>
</div>
<div class="footer">
<p>© 2023 GRaPE Mini Beta</p>
</div>
</div>
</body>
</html>
|