-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
154 lines (138 loc) · 5.11 KB
/
about.html
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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
background: url("aboutimg.webp");
}
header {
/*background-color: #333;*/
color: #fff;
text-align: center;
padding: 1px;
}
.main-content {
max-width: 800px;
margin: 20px auto;
padding: 20px;
}
h2 {
color:white;
border-bottom: 2px solid #333;
}
p {
line-height: 1.6;
color:white;
}
.team {
background-color: #f4f4f4;
padding: 10px;
}
.team-members {
display: flex;
justify-content: space-around;
flex-wrap: nowrap;
}
.team-member {
text-align:center;
margin: 40px;
max-width: 100px;
display: flex;
flex-direction: column;
justify-content: center;
}
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 1px;
position: fixed;
bottom: 0;
width: 100%;
}
.navbar {
background-color:#333;
overflow: hidden;
}
.navbar a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 10px 14px;
text-decoration: none;
}
.navbar a.right {
float: right;
}
.navbar a.active{
background-color:#04AA6D;
color:white;
}
.navbar a:hover{
background-color:#ddd;
color:black;
}
.container {
max-width: 600px;
margin: 20px auto;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
background:transparent;
backdrop-filter:blur(10px);
background-position: center;
display: flex;
flex-direction: column;
align-items: center;
}
</style>
<title>About Us</title>
</head>
<body>
<div class="navbar">
<p><a href ="index.html">Home</a></p>
<p><a class="active" href ="about.html">About</a></p>
<p><a href ="contact.html">Contact Us</a></p>
<p><a href ="feedback.html">Feedback</a></p>
<p><a href="signup.html" class="right">Sign Up</a></p>
<p><a href="login.html" class="right">Login</a></p>
</div>
<div class="container">
<header>
<h1>About Our Website</h1>
</header>
<section class="main-content">
<h2>Our Mission</h2>
<p>AI-powered storytelling integrates artificial intelligence technologies to enhance and create narratives. It automates content generation, produces interactive experiences through chatbots, and enables personalized recommendations. Virtual assistants use natural language processing for storytelling, while AI aids creativity by suggesting ideas and assisting in plot development. In immersive environments like VR and AR, AI adapts narratives based on user interactions. Adaptive learning utilizes AI for personalized educational storytelling, and translation tools make stories multilingual. Accessibility features ensure inclusivity, and data-driven insights refine narratives based on audience engagement. This dynamic collaboration between AI and human creativity transforms storytelling across industries.</p>
<h2>Our Vision</h2>
<p>The vision of AI-powered storytelling is to revolutionize content creation by seamlessly blending human creativity with artificial intelligence. Through automated generation, interactive experiences, and adaptive learning, AI aims to enhance the storytelling process. The vision includes creating personalized, immersive narratives across various mediums, promoting inclusivity, and leveraging data-driven insights to optimize engagement. Ultimately, AI-driven storytelling seeks to redefine how stories are crafted, consumed, and tailored to individual preferences, ushering in a new era of dynamic and intelligent narrative experiences.</p>
</section>
<!-- <section class="team">
<h2>Meet Our Team</h2>
<div class="team-members">
<div class="team-member">
<h3>Khushi Tanwar</h3>
</div>
<div class="team-member">
<h3>Madhurika Priya</h3>
</div>
<div class="team-member">
<h3>Jayesh Soni</h3>
</div>
<div class="team-member">
<h3>Pushpa Pandey</h3>
</div>
</div>
</section> -->
</div>
<footer>
<p>© 2024 Your Company. All rights reserved.</p>
</footer>
</body>
</html>