Hugging Face's logo

Spaces:
Novocoders
/
README
Configuration error

App Files Community
NovoCode commited on
Commit
30b543c
·
verified ·
1 Parent(s): aeb6560

Update README.md

Browse files
Files changed (1) hide show
  1. README.md +154 -34
README.md CHANGED
@@ -6,38 +6,158 @@ colorTo: indigo
6
  sdk: static
7
  pinned: false
8
  ---
 
 
 
 
 
 
 
 
 
 
 
 
 
9
 
10
- <div class="company-intro">
11
- <div class="company-header">
12
- <h1>Company Name</h1>
13
- <p>Company Tagline or Mission Statement</p>
14
- </div>
15
- <div class="company-details">
16
- <div class="about-company">
17
- <h2>About the Company</h2>
18
- <p>Provide a brief overview of the company, its history, core business, and key achievements.</p>
19
- </div>
20
- <div class="company-values">
21
- <h2>Company Values</h2>
22
- <ul>
23
- <li>Value 1</li>
24
- <li>Value 2</li>
25
- <li>Value 3</li>
26
- <!-- Add more company values as needed -->
27
- </ul>
28
- </div>
29
- <div class="company-products">
30
- <h2>Products and Services</h2>
31
- <p>Describe the main products, services, or solutions offered by the company.</p>
32
- </div>
33
- <div class="company-team">
34
- <h2>Our Team</h2>
35
- <p>Introduce the key members of the company's team, their roles, and relevant experience.</p>
36
- </div>
37
- </div>
38
- <div class="company-cta">
39
- <h2>Get in Touch</h2>
40
- <p>Provide contact information, such as email, phone, and links to the company's website and social media profiles.</p>
41
- <a href="#" class="cta-button">Contact Us</a>
42
- </div>
43
- </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6
  sdk: static
7
  pinned: false
8
  ---
9
+ <!DOCTYPE html>
10
+ <html lang="en">
11
+ <head>
12
+ <meta charset="UTF-8">
13
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
14
+ <title>Caretalk AI</title>
15
+ <style>
16
+ /* CSS Styles */
17
+ body {
18
+ font-family: Arial, sans-serif;
19
+ margin: 0;
20
+ padding: 0;
21
+ }
22
 
23
+ .container {
24
+ max-width: 1200px;
25
+ margin: 0 auto;
26
+ padding: 40px;
27
+ }
28
+
29
+ .header {
30
+ display: flex;
31
+ justify-content: space-between;
32
+ align-items: center;
33
+ margin-bottom: 40px;
34
+ }
35
+
36
+ .header h1 {
37
+ font-size: 36px;
38
+ color: #0047AB;
39
+ margin: 0;
40
+ }
41
+
42
+ .nav {
43
+ display: flex;
44
+ gap: 20px;
45
+ }
46
+
47
+ .nav a {
48
+ color: #333;
49
+ text-decoration: none;
50
+ font-size: 18px;
51
+ }
52
+
53
+ .nav a:hover {
54
+ color: #0047AB;
55
+ }
56
+
57
+ .hero {
58
+ display: flex;
59
+ align-items: center;
60
+ margin-bottom: 60px;
61
+ }
62
+
63
+ .hero-content {
64
+ flex: 1;
65
+ padding-right: 40px;
66
+ }
67
+
68
+ .hero-content h2 {
69
+ font-size: 48px;
70
+ color: #0047AB;
71
+ margin-top: 0;
72
+ }
73
+
74
+ .hero-content p {
75
+ font-size: 20px;
76
+ color: #333;
77
+ line-height: 1.5;
78
+ margin-bottom: 30px;
79
+ }
80
+
81
+ .cta-button {
82
+ display: inline-block;
83
+ background-color: #0047AB;
84
+ color: #fff;
85
+ padding: 12px 24px;
86
+ border-radius: 4px;
87
+ text-decoration: none;
88
+ font-size: 18px;
89
+ }
90
+
91
+ .cta-button:hover {
92
+ background-color: #003A8C;
93
+ }
94
+
95
+ .features {
96
+ display: grid;
97
+ grid-template-columns: repeat(3, 1fr);
98
+ gap: 40px;
99
+ }
100
+
101
+ .feature {
102
+ background-color: #f5f5f5;
103
+ padding: 30px;
104
+ border-radius: 8px;
105
+ text-align: center;
106
+ }
107
+
108
+ .feature h3 {
109
+ font-size: 24px;
110
+ color: #0047AB;
111
+ margin-top: 0;
112
+ }
113
+
114
+ .feature p {
115
+ font-size: 16px;
116
+ color: #333;
117
+ line-height: 1.5;
118
+ }
119
+ </style>
120
+ </head>
121
+ <body>
122
+ <div class="container">
123
+ <div class="header">
124
+ <h1>Caretalk AI</h1>
125
+ <nav class="nav">
126
+ <a href="#">Home</a>
127
+ <a href="#">Integrations</a>
128
+ <a href="#">How It Works</a>
129
+ <a href="#" class="cta-button">Request Demo</a>
130
+ </nav>
131
+ </div>
132
+
133
+ <div class="hero">
134
+ <div class="hero-content">
135
+ <h2>Put Your Call Center on Autopilot</h2>
136
+ <p>Answer patient calls, set appointments, and follow up autonomously. Converse naturally on any topic for up to 30 minutes – just like a human operator – with minimal setup and instant scaling.</p>
137
+ <a href="#" class="cta-button">Request Demo</a>
138
+ </div>
139
+ <div class="hero-image">
140
+ <img src="https://via.placeholder.com/500x400" alt="Call Center Autopilot">
141
+ </div>
142
+ </div>
143
+
144
+ <div class="features">
145
+ <div class="feature">
146
+ <img src="https://via.placeholder.com/80x80" alt="Faster, always available">
147
+ <h3>Faster, always available</h3>
148
+ <p>Our AI-powered call center is available 24/7 to serve your patients.</p>
149
+ </div>
150
+ <div class="feature">
151
+ <img src="https://via.placeholder.com/80x80" alt="Advanced Data Controls">
152
+ <h3>Advanced Data Controls</h3>
153
+ <p>Securely manage and protect your patient data with our advanced controls.</p>
154
+ </div>
155
+ <div class="feature">
156
+ <img src="https://via.placeholder.com/80x80" alt="Cost Efficiency">
157
+ <h3>Cost Efficiency</h3>
158
+ <p>Reduce overhead and scale your call center operations with ease.</p>
159
+ </div>
160
+ </div>
161
+ </div>
162
+ </body>
163
+ </html>