NovoCode commited on
Commit
5e4c1a5
·
verified ·
1 Parent(s): a78896a

Update README.md

Browse files
Files changed (1) hide show
  1. README.md +22 -33
README.md CHANGED
@@ -1,11 +1,3 @@
1
- ---
2
- title: README
3
- emoji: ⚡
4
- colorFrom: yellow
5
- colorTo: indigo
6
- sdk: static
7
- pinned: false
8
- ---
9
  <!DOCTYPE html>
10
  <html lang="en">
11
  <head>
@@ -13,12 +5,26 @@ pinned: false
13
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
14
  <title>Caretalk AI</title>
15
  <style>
 
 
 
 
 
16
  body {
17
  font-family: Arial, sans-serif;
18
  margin: 0;
19
  padding: 0;
 
 
 
 
 
 
 
 
 
20
  }
21
- .container {
22
  max-width: 1200px;
23
  margin: 0 auto;
24
  padding: 40px;
@@ -62,7 +68,6 @@ pinned: false
62
  }
63
  .hero-content p {
64
  font-size: 20px;
65
- color: #333;
66
  line-height: 1.5;
67
  margin-bottom: 30px;
68
  }
@@ -78,26 +83,9 @@ pinned: false
78
  .cta-button:hover {
79
  background-color: #003A8C;
80
  }
81
- .features {
82
- display: grid;
83
- grid-template-columns: repeat(3, 1fr);
84
- gap: 40px;
85
- }
86
- .feature {
87
- background-color: #f5f5f5;
88
- padding: 30px;
89
- border-radius: 8px;
90
- text-align: center;
91
- }
92
- .feature h3 {
93
- font-size: 24px;
94
- color: #0047AB;
95
- margin-top: 0;
96
- }
97
- .feature p {
98
- font-size: 16px;
99
- color: #333;
100
- line-height: 1.5;
101
  }
102
  </style>
103
  </head>
@@ -113,11 +101,12 @@ pinned: false
113
  <div class="hero-content">
114
  <h2>Put Your Call Center on Autopilot</h2>
115
  <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>
116
- <a href="https://caretalk.ai/#" class="cta-button">Request Demo</a>
117
  </div>
118
  <div class="hero-image">
119
- <img src="https://caretalk.ai/wp-content/uploads/2024/03/caretalk-ai-hero-section-image.png" alt="Call Center Autopilot" height="400px" width="500px">
 
120
  </div>
121
  </div>
122
  </body>
123
- </html>
 
 
 
 
 
 
 
 
 
1
  <!DOCTYPE html>
2
  <html lang="en">
3
  <head>
 
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>Caretalk AI</title>
7
  <style>
8
+ /* CSS Styles */
9
+ :root {
10
+ --text-color-light: #333;
11
+ --text-color-dark: #fff;
12
+ }
13
  body {
14
  font-family: Arial, sans-serif;
15
  margin: 0;
16
  padding: 0;
17
+ color: var(--text-color-light); /* Default text color */
18
+ background-color: #fff; /* Default background color */
19
+ }
20
+ /* Dark theme */
21
+ @media (prefers-color-scheme: dark) {
22
+ body {
23
+ background-color: #222;
24
+ color: var(--text-color-dark); /* Use white or light grey for text in dark theme */
25
+ }
26
  }
27
+ .container {
28
  max-width: 1200px;
29
  margin: 0 auto;
30
  padding: 40px;
 
68
  }
69
  .hero-content p {
70
  font-size: 20px;
 
71
  line-height: 1.5;
72
  margin-bottom: 30px;
73
  }
 
83
  .cta-button:hover {
84
  background-color: #003A8C;
85
  }
86
+ .hero-image img {
87
+ height: 400px;
88
+ width: 500px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
89
  }
90
  </style>
91
  </head>
 
101
  <div class="hero-content">
102
  <h2>Put Your Call Center on Autopilot</h2>
103
  <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>
104
+ <a href="#" class="cta-button">Request Demo</a>
105
  </div>
106
  <div class="hero-image">
107
+ <img src="https://caretalk.ai/wp-content/uploads/2024/03/caretalk-ai-hero-section-image.png" alt="Call Center Autopilot">
108
+ </div>
109
  </div>
110
  </div>
111
  </body>
112
+ </html>