Hugging Face's logo

Spaces:
rezasabir123
/
medisphere-healing-hub-hub
Running

App Files Community
rezasabir123 commited on
Commit
8037c54
·
verified ·
1 Parent(s): dd8ec12

شبیه این طرح را اضافه کن

Browse files
Files changed (1) hide show
  1. index.html +43 -30
index.html CHANGED
@@ -97,44 +97,57 @@
97
  <div style="background-image: url(http://static.photos/medical/1200x630/1); background-size: cover; background-position: center; width: 100%; height: 100%;"></div>
98
  </div>
99
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
100
- <div class="grid md:grid-cols-4 gap-8">
101
- <!-- Feature 1 -->
102
- <div class="feature-block bg-white rounded-2xl p-6 shadow-lg hover-lift text-center">
103
- <div class="icon-box bg-primary bg-opacity-10 rounded-xl p-4 w-16 h-16 flex items-center justify-center mx-auto mb-4">
104
- <i data-feather="user-check" class="h-8 w-8 text-primary"></i>
 
 
 
 
 
 
 
105
  </div>
106
- <h3 class="text-xl font-semibold mb-2"><a href="/" class="text-gray-900 hover:text-primary">Qualified Doctor</a></h3>
107
- <p class="text-gray-600">Lorem ipsum dolor sit amet ctetur adipiscing</p>
108
- </div>
109
- <!-- Feature 2 -->
110
- <div class="feature-block bg-white rounded-2xl p-6 shadow-lg hover-lift text-center">
111
- <div class="icon-box bg-secondary bg-opacity-10 rounded-xl p-4 w-16 h-16 flex items-center justify-center mx-auto mb-4">
112
- <i data-feather="alert-circle" class="h-8 w-8 text-secondary"></i>
 
 
 
113
  </div>
114
- <h3 class="text-xl font-semibold mb-2"><a href="/" class="text-gray-900 hover:text-primary">Emergency Help</a></h3>
115
- <p class="text-gray-600">Lorem ipsum dolor sit amet ctetur adipiscing</p>
116
- </div>
117
- <!-- Feature 3 -->
118
- <div class="feature-block bg-white rounded-2xl p-6 shadow-lg hover-lift text-center">
119
- <div class="icon-box bg-primary bg-opacity-10 rounded-xl p-4 w-16 h-16 flex items-center justify-center mx-auto mb-4">
120
- <i data-feather="cpu" class="h-8 w-8 text-primary"></i>
 
 
 
121
  </div>
122
- <h3 class="text-xl font-semibold mb-2"><a href="/" class="text-gray-900 hover:text-primary">Modern Equipment</a></h3>
123
- <p class="text-gray-600">Lorem ipsum dolor sit amet ctetur adipiscing</p>
124
- </div>
125
- <!-- Feature 4 -->
126
- <div class="feature-block bg-white rounded-2xl p-6 shadow-lg hover-lift text-center">
127
- <div class="icon-box bg-secondary bg-opacity-10 rounded-xl p-4 w-16 h-16 flex items-center justify-center mx-auto mb-4">
128
- <i data-feather="users" class="h-8 w-8 text-secondary"></i>
 
 
 
129
  </div>
130
- <h3 class="text-xl font-semibold mb-2"><a href="/" class="text-gray-900 hover:text-primary">Family Medicine</a></h3>
131
- <p class="text-gray-600">Lorem ipsum dolor sit amet ctetur adipiscing</p>
132
  </div>
133
  </div>
134
  </div>
135
  </section>
136
-
137
- <!-- Services Section -->
138
  <section class="py-16 bg-white">
139
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
140
  <div class="text-center mb-12">
 
97
  <div style="background-image: url(http://static.photos/medical/1200x630/1); background-size: cover; background-position: center; width: 100%; height: 100%;"></div>
98
  </div>
99
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
100
+ <div class="auto-container">
101
+ <div class="row clearfix">
102
+ <div class="col-lg-3 col-md-6 col-sm-12 feature-block">
103
+ <div class="feature-block-one">
104
+ <div class="inner-box bg-white rounded-2xl p-6 shadow-lg hover-lift text-center">
105
+ <div class="icon-box bg-primary bg-opacity-10 rounded-xl p-4 w-16 h-16 flex items-center justify-center mx-auto mb-4">
106
+ <i data-feather="user-check" class="h-8 w-8 text-primary"></i>
107
+ </div>
108
+ <h3 class="text-xl font-semibold mb-2"><a href="/" class="text-gray-900 hover:text-primary">Qualified Doctor</a></h3>
109
+ <p class="text-gray-600">Lorem ipsum dolor sit amet ctetur adipiscing</p>
110
+ </div>
111
+ </div>
112
  </div>
113
+ <div class="col-lg-3 col-md-6 col-sm-12 feature-block">
114
+ <div class="feature-block-one">
115
+ <div class="inner-box bg-white rounded-2xl p-6 shadow-lg hover-lift text-center">
116
+ <div class="icon-box bg-secondary bg-opacity-10 rounded-xl p-4 w-16 h-16 flex items-center justify-center mx-auto mb-4">
117
+ <i data-feather="alert-circle" class="h-8 w-8 text-secondary"></i>
118
+ </div>
119
+ <h3 class="text-xl font-semibold mb-2"><a href="/" class="text-gray-900 hover:text-primary">Emergency Help</a></h3>
120
+ <p class="text-gray-600">Lorem ipsum dolor sit amet ctetur adipiscing</p>
121
+ </div>
122
+ </div>
123
  </div>
124
+ <div class="col-lg-3 col-md-6 col-sm-12 feature-block">
125
+ <div class="feature-block-one">
126
+ <div class="inner-box bg-white rounded-2xl p-6 shadow-lg hover-lift text-center">
127
+ <div class="icon-box bg-primary bg-opacity-10 rounded-xl p-4 w-16 h-16 flex items-center justify-center mx-auto mb-4">
128
+ <i data-feather="cpu" class="h-8 w-8 text-primary"></i>
129
+ </div>
130
+ <h3 class="text-xl font-semibold mb-2"><a href="/" class="text-gray-900 hover:text-primary">Modern Equipment</a></h3>
131
+ <p class="text-gray-600">Lorem ipsum dolor sit amet ctetur adipiscing</p>
132
+ </div>
133
+ </div>
134
  </div>
135
+ <div class="col-lg-3 col-md-6 col-sm-12 feature-block">
136
+ <div class="feature-block-one">
137
+ <div class="inner-box bg-white rounded-2xl p-6 shadow-lg hover-lift text-center">
138
+ <div class="icon-box bg-secondary bg-opacity-10 rounded-xl p-4 w-16 h-16 flex items-center justify-center mx-auto mb-4">
139
+ <i data-feather="users" class="h-8 w-8 text-secondary"></i>
140
+ </div>
141
+ <h3 class="text-xl font-semibold mb-2"><a href="/" class="text-gray-900 hover:text-primary">Family Medicine</a></h3>
142
+ <p class="text-gray-600">Lorem ipsum dolor sit amet ctetur adipiscing</p>
143
+ </div>
144
+ </div>
145
  </div>
 
 
146
  </div>
147
  </div>
148
  </div>
149
  </section>
150
+ <!-- Services Section -->
 
151
  <section class="py-16 bg-white">
152
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
153
  <div class="text-center mb-12">