├── styles.css └── index.html /styles.css: -------------------------------------------------------------------------------- 1 | @import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700|Work+Sans:300,400,500,600,700&display=swap); 2 | 3 | * { 4 | outline: none; 5 | } 6 | 7 | 8 | .main-nav { 9 | position: sticky; 10 | top: 0px; 11 | background-color: white; 12 | z-index: 1000 ; 13 | 14 | } 15 | 16 | .main-nav .nav2 { 17 | display: flex; 18 | flex-direction: row; 19 | justify-content: space-between; 20 | padding-left: 20px; 21 | padding-right: 20px; 22 | margin-left: 210px; 23 | margin-right: 210px; 24 | } 25 | 26 | ul { 27 | list-style: none; 28 | float: right; 29 | } 30 | 31 | .depar { 32 | display: none; 33 | } 34 | 35 | .links li { 36 | display: inline; 37 | padding-left: 5px; 38 | padding-right: 5px; 39 | color: #ABABAB; 40 | } 41 | 42 | .links { 43 | padding-top: 19px; 44 | padding-bottom: 19px; 45 | 46 | } 47 | 48 | .links li:hover { 49 | color: #00B39B; 50 | transition: 0.2s; 51 | cursor: pointer; 52 | } 53 | 54 | .depart:hover+.depar { 55 | display: flex; 56 | flex-direction: column; 57 | justify-content: center; 58 | } 59 | 60 | .section1 { 61 | margin-left: 250px; 62 | margin-right: 250px; 63 | } 64 | 65 | .section1 img { 66 | width: 40px; 67 | height: 39px; 68 | } 69 | 70 | .section1 h1 { 71 | text-align: center; 72 | font-size: 34px; 73 | color: #00B39B; 74 | font: "Work Sans", Arial, sans-serif; 75 | font-weight: lighter; 76 | margin-top: 34px; 77 | margin-bottom: 34px; 78 | } 79 | 80 | .section1 .div1 { 81 | display: flex; 82 | flex-direction: row; 83 | } 84 | 85 | .section1 .div1 p { 86 | font-size: 16px; 87 | color: #747474; 88 | padding: 10px; 89 | font-family: "Roboto" "Arial" sans-serif; 90 | font-weight: 400; 91 | line-height: 1.75em; 92 | } 93 | 94 | .section2 { 95 | margin-left: 250px; 96 | margin-right: 250px; 97 | margin-top: 60px; 98 | margin-bottom: 60px; 99 | } 100 | 101 | .patient { 102 | text-align: left; 103 | height: 345px; 104 | background-color: #00CCB1; 105 | width: 30%; 106 | border-radius: 20px 20px 20px 20px; 107 | display: flex; 108 | flex-direction: column; 109 | justify-content: space-around; 110 | } 111 | 112 | .doctors { 113 | text-align: left; 114 | height: 345px; 115 | background-color: #3D83DF; 116 | width: 30%; 117 | border-radius: 20px 20px 20px 20px; 118 | display: flex; 119 | flex-direction: column; 120 | justify-content: space-around; 121 | 122 | } 123 | 124 | .clinics { 125 | text-align: left; 126 | position: sticky; 127 | height: 345px; 128 | background-color: #1B2734; 129 | width: 30%; 130 | border-radius: 20px 20px 20px 20px; 131 | display: flex; 132 | flex-direction: column; 133 | justify-content: space-around; 134 | } 135 | 136 | .flexible div img { 137 | width: 24px; 138 | height: 24px; 139 | margin-left: 35px; 140 | } 141 | 142 | .flexible div h2 { 143 | margin-left: 35px; 144 | font-size: 24px; 145 | font: "Work Sans", Arial, sans-serif; 146 | font-weight: lighter; 147 | color: white; 148 | } 149 | 150 | .flexible div h1 { 151 | margin-left: 35px; 152 | font-size: 26px; 153 | font: "Work Sans", Arial, sans-serif; 154 | font-weight: normal; 155 | color: white; 156 | margin-top: 10px; 157 | margin-bottom: 10px; 158 | } 159 | 160 | .flexible select { 161 | background-color: transparent; 162 | border: 0px; 163 | color: white; 164 | font-weight: normal; 165 | text-decoration: underline; 166 | font-size: 19px; 167 | margin-left: 35px; 168 | width: min-content; 169 | } 170 | 171 | .flexible { 172 | display: flex; 173 | flex-direction: row; 174 | justify-content: space-around; 175 | } 176 | 177 | .section3 h1 { 178 | padding-right: 26px; 179 | font-size: 26px; 180 | font: "Work Sans", Arial, sans-serif; 181 | font-weight: normal; 182 | width: 50%; 183 | } 184 | 185 | .section3 div { 186 | display: flex; 187 | flex-direction: row; 188 | } 189 | 190 | .logos { 191 | width: max-content; 192 | display: flex; 193 | flex-direction: row; 194 | flex-wrap: wrap; 195 | padding: 0%; 196 | } 197 | 198 | .logos li { 199 | padding-left: 20px; 200 | padding-top: 10px; 201 | padding-bottom: 7px; 202 | } 203 | 204 | .logos svg { 205 | filter: invert(98%) sepia(2%) saturate(0) hue-rotate(180deg) brightness(300%) contrast(0); 206 | width: 120px; 207 | padding-left: 5px; 208 | } 209 | 210 | .logos img { 211 | filter: invert(98%) sepia(2%) saturate(0) hue-rotate(180deg) brightness(300%) contrast(0); 212 | } 213 | 214 | .section4 { 215 | width: 100%; 216 | background-color: #e5faf8; 217 | overflow: hidden; 218 | 219 | } 220 | 221 | .header h1 { 222 | text-align: center; 223 | color: #00B39B; 224 | font-size: 34px; 225 | font-family: 'Work Sans', Arial, sans-serif; 226 | font-weight: 100; 227 | 228 | } 229 | 230 | .header { 231 | margin-top: 100px; 232 | } 233 | 234 | .header p { 235 | text-align: center; 236 | max-width: 415px; 237 | font-size: .875em; 238 | font-weight: 300; 239 | line-height: 1.7142857143; 240 | } 241 | 242 | .section_inner { 243 | margin-left: 230px; 244 | margin-right: 230px; 245 | padding-left: 20px; 246 | padding-right: 20px; 247 | display: flex; 248 | flex-direction: row; 249 | gap: 30px; 250 | } 251 | 252 | .main_left img { 253 | position: relative; 254 | top: 100px; 255 | right: 100px; 256 | } 257 | 258 | 259 | .main_right img { 260 | width: 40px; 261 | height: 40px; 262 | } 263 | 264 | .main_right h1 { 265 | font-size: 20px; 266 | color: #00b39b; 267 | font-family: "Work Sans"; 268 | font-weight: 100; 269 | } 270 | 271 | .main_right p { 272 | font-size: 13px; 273 | font-family: 'Roboto'; 274 | color: #747474; 275 | } 276 | 277 | .main { 278 | background-color: #FFFFFF; 279 | } 280 | 281 | .main_right { 282 | display: flex; 283 | flex-direction: row; 284 | gap: 20px; 285 | position: relative; 286 | top: 60px; 287 | } 288 | 289 | .main { 290 | text-align: center; 291 | padding: 20px; 292 | display: flex; 293 | flex-direction: column; 294 | justify-content: space-between; 295 | align-items: center; 296 | margin-bottom: 20px; 297 | border-radius: 5px 5px 5px 5px; 298 | width: 200px; 299 | height: 250px; 300 | } 301 | 302 | .left{position: relative;top: 30px;} 303 | 304 | .section5{ 305 | margin-top: 70px; 306 | } 307 | 308 | .section_inner5{ 309 | margin-left: 230px; 310 | margin-right: 230px; 311 | 312 | } 313 | 314 | .section_inner5 h1{ 315 | font-size: 30px; 316 | font-family: "Work Sans"; 317 | color: #00B39B; 318 | font-weight: 100; 319 | } 320 | 321 | .section_inner5 p{font-size: 14px; 322 | font-family: "Roboto"; 323 | color: #747474; 324 | font-weight: 100; 325 | } 326 | 327 | .header5{ 328 | margin-left: 230px; 329 | margin-right: 230px; 330 | text-align: center; 331 | } 332 | 333 | .ul5 img{ 334 | width: 308px; 335 | height: 277px; 336 | display: flex; 337 | flex-direction: column; 338 | border-radius: 10px 10px 0px 0px; 339 | 340 | } 341 | 342 | .mini{ 343 | display: flex; 344 | flex-direction: row; 345 | gap: 20px; 346 | margin-bottom: 10px; 347 | 348 | } 349 | 350 | .junior{ 351 | border-radius: 10px 10px 10px 10px; 352 | } 353 | 354 | .junior div{display: flex;justify-content:space-between;} 355 | .junior div a{ 356 | text-decoration: none; 357 | padding: 5px; 358 | margin-top: 5px; 359 | background-color: #3D83DF; 360 | color: #FFFFFF; 361 | border-radius: 5px 5px 5px 5px; 362 | width: 98px; 363 | height: 30px; 364 | font-size:small; 365 | text-align: center; 366 | margin-right: 10px ; 367 | 368 | } 369 | 370 | .junior div p{ 371 | font-size: medium; 372 | margin-top: 10px; 373 | margin-left: 15px; 374 | } 375 | 376 | .junior div{margin-top: 10px;} 377 | 378 | .junior:hover{ 379 | box-shadow: 2px 2px 20px rgba(128, 128, 128, 0.389); 380 | transition: 0.5s; 381 | } 382 | 383 | .section6{ 384 | margin-top: 60px; 385 | text-align: center; 386 | } 387 | 388 | .section6 h1{ 389 | font-size: 30px; 390 | font-family: "Work-Sans"; 391 | color: #333333; 392 | font-weight: 200; 393 | 394 | } 395 | 396 | .section6 a{ 397 | text-decoration: none; 398 | padding: 5px; 399 | margin-top: 5px; 400 | background-color: #3D83DF; 401 | color: #FFFFFF; 402 | border-radius: 5px 5px 5px 5px; 403 | width: 180px; 404 | height: 40px; 405 | font-size:small; 406 | margin-right: 10px; 407 | padding: 0%; 408 | } 409 | 410 | footer{ 411 | margin-top: 70px; 412 | text-align: center; 413 | display: flex; 414 | flex-direction: column; 415 | gap: 5px; 416 | color: #747474; 417 | font-size: 10px; 418 | padding-bottom: 20px; 419 | } -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | Docplanner Group 14 | 15 | 16 | 29 | 30 |
31 |
32 |
33 |

Making the healthcare experience more human

34 |
35 |

We want patients to find the perfect doctor and book an appointment in the most easy way. The patient journey should be enjoyable, and that's why we are always next to them: to help them find the best possible care. Anytime, anywhere.

36 |

We also help doctors to better manage their practice and build their online reputation. With our integrated end-to-end solution, doctors are able not only to improve their online presence, but also to devote their time to what really matters: their patients.

37 |
38 |
39 |
40 | 41 |
42 |
43 |
44 |
45 | 46 |

For patient

47 |

Find a doctor, book a visit and solve any health-related doubt

48 |
49 | 50 | 65 |
66 |
67 |
68 | 69 |

For doctors

70 |

Save time managing visits and cut no-shows by half

71 |
72 | 73 | 88 |
89 |
90 |
91 | 92 |

For clinics

93 |

Deliver an exceptional patient experience in your clinic

94 |
95 | 96 |
97 | 107 | 108 | 116 |
117 |
118 |
119 |
120 | 121 |
122 |
123 |

We are a global company
with local culture

124 | 182 |
183 |
184 | 185 |
186 |
187 |
188 |
189 |

The world's biggest
healthcare platform

190 |

We work from 9 offices all over the world, bringing Docplanner Group to life in 13 countries.

191 |
192 | 193 | 194 |
195 | 196 |
197 |
198 |
199 | 200 |

Leader in 13 countries

201 |

Poland, Brazil, Mexico, Spain, Italy, Germany, Turkey, Colombia, Czech Republic, Portugal, Argentina, Peru and Chile

202 |
203 |
204 | 205 |

13,000,000
206 | appointments

207 |

booked last month

208 |
209 |
210 | 211 |
212 |
213 | 214 |

85,000,000
patients

215 |

visit our website each month

216 |
217 |
218 | 219 |

120,000 active doctoralia-pro-para-especialistas

220 |

trust our solution

221 |
222 |
223 |
224 |
225 |
226 | 227 |
228 |
229 |
230 |

Improve the lives of millions.
Change yours forever.

231 |

More than 2600 team mates share our same vision, goals and passion.
With offices in Warsaw, Barcelona, Munich, Istanbul, Rome, Rio, Bologna,
Mexico City and Curitiba, our search for great talent never stops.

232 |
233 |
234 |
235 |
236 | 237 | 238 |
239 | 240 |
241 | 242 |

Barcelona

see openings
243 |
244 | 245 |
246 | 247 | 248 |
249 |
250 | 251 |
252 |
253 | 254 |

Istanbul

see openings
255 |
256 | 257 |
258 | 259 | 260 |
261 | 262 |
263 | 264 |

Bologna

see openings
265 |
266 |
267 | 268 |
269 |
270 | 271 |

Curtiba

see openings
272 |
273 | 274 |
275 | 276 |

Mexico City

see openings
277 |
278 |
279 | 280 | 281 |
282 |
283 |
284 | 285 |
286 |

Sounds interesting? Join us now!

287 |
See all current openings
288 |
289 | 290 | 296 | 297 | 298 | 299 | --------------------------------------------------------------------------------