UI Components | The Medical City

TMC UI Components

Navbars

Containers

Hero with background image

corporate

Hero with background image with title

building

The Medical City

Hero with background image with title

building

The Medical City

Cards

Front card basic

stethoscope icon
Find a Doctor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud

Front card simple

Card image

Where Patients are Partners

Our world-class facility is the staging area for the delivery of cutting-edge health care services, with the centers of excellence in wellness and aesthetics, cardiovascular, cancer and regenerative medicine.

Front card news feeds

Card image

January 01, 2020

The Medical City on Track to Record 2019 Results

The Medical City (TMC) forecast record-breaking revenue of P6 Billion for its main hospital, for the...

Read more

Card Profile

doctor profile

Dianne Trixie Aquino, MD

Specialties
Internal Medicine, Medical Oncology

Clinic Hours
Monday 9:00 AM - 4:30 PM
Wednesday 9:00 AM - 4:30 PM
Friday 12:30 PM - 6:00 PM
View Profile

Card services

Card image

Radiology Imaging

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Get My Radiology Results

Card Our Institute single

Card image

Augusto P. Sarmiento
Cancer Institute

Card Our Network single

Card image

Card Branches

Card image
  • The Medical City Clark

    Global Gateway Logistics City, Clark Freeport Zone, Philippines

  • navigation icon Get Direction
  • i icon More Information

Card institutes basic

Card image

Wellness Center

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt.

Learn More

Card institutes

Card image

Our Doctors

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Learn More

Accordion with cards

Excepteur sint
Sed ut perspiciatis
Ut enim ad minima
Quis autem vel

Accordion with cards for footer

Excepteur sint
Sed ut perspiciatis
Ut enim ad minima
Quis autem vel

Accordion with cards bg violet

Excepteur sint
Sed ut perspiciatis
Ut enim ad minima
Quis autem vel

Buttons

Forms

Legend
We'll never share your email with anyone else.
This is some placeholder block-level help text for the above input. It's a bit lighter and easily wraps to a new line.
Radio buttons
Checkboxes
Sliders

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Description

Tables

Type Column heading Column heading Column heading
Active Column content Column content Column content
Default Column content Column content Column content
Primary Column content Column content Column content
Secondary Column content Column content Column content
Success Column content Column content Column content
Danger Column content Column content Column content
Warning Column content Column content Column content
Info Column content Column content Column content
Light Column content Column content Column content
Dark Column content Column content Column content

Description

Navs

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit.

Description

Indicators

Warning!

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

Description

Progress

Description

Dialogs

Description