РАЗРАБОТКА САЙТОВ W3.CSS

Одесса Developers W3.CSS

×

Oh snap! We just showed you a modal..

Because we can

Cool huh? Ok, enough teasing around..

Go to our W3.CSS Tutorial to learn more!

Адаптивность


Встроенная отзывчивость

Первая мобильная гибкая сетка

Подходит для любого размера экрана

Планшетный ПК и мобильный

Стандартный CSS


Только стандартный CSS

Легко обучаемый

Нет необходимости в jQuery

Нет JavaScript библиотек

Дизайн


Адаптивный дизайн

Смелые цвета и тени

Работает на разных платформах

Работает на всех устройствах


Цветовые классы

Красный

Синий

Серо-голубой

Бирюзовый

Желтый

Оранжевый


Встроенная отзывчивость

Измените размер страницы, чтобы увидеть эффект!


w3-half

Класс w3-half использует половину (50%) экранного окна.

На маленьких экранах (не более 600 пикселей) он автоматически изменяется до полной ширины экрана.

w3-1/2

w3-third

The w3-third class uses one third (33.33%) of the screen widow.

On small screens (max 600 pixels) it automatically resizes to full screen width.

w3-треть
w3-1/3

w3-quarter

The w3-quarter class uses one quarter (25%) of the screen window.

On small screens (max 600 pixels) it automatically resizes to full screen width.

w3-четверть
w3-одна четвертая
w3-1/4

Контейнеры

Используйте контейнеры для создания заголовков, разделов и нижних колонтитулов.

Заголовок

GOOGLE DEVELOPERS

GOOGLE DEVELOPERS - это сайт Google для инструментов и платформ разработки программного обеспечения, интерфейсов прикладного программирования и технических ресурсов.

GOOGLE PAGESPEED - это семейство инструментов от Google Inc, разработанное для оптимизации работы веб-сайта. Он был представлен на конференции разработчиков в 2010 году.

WEB.DEV - это идеальный ресурс для разработчиков любого уровня подготовки, позволяющий учиться, создавать и решать в Интернете.


Color Themes

The color themes have been designed to work harmoniously with each other.

Theme Indigo

Movies 2014

  • Frozen

    The response to the animations was ridiculous

  • The Fault in Our Stars

    Touching, gripping and genuinely well made

  • The Avengers

    A huge success for Marvel and Disney

Next

Theme

Movies 2014

  • Frozen

    The response to the animations was ridiculous

  • The Fault in Our Stars

    Touching, gripping and genuinely well made

  • The Avengers

    A huge success for Marvel and Disney

Next

Paper-like Cards with Shadows

Car

w3-card

Car

w3-card-4

Car

w3-card-4


Tables

Don't worry. W3.CSS takes care of your tables.

First Name Last Name Points
Jill Smith 50
Eve Jackson 94
Adam Johnson 67

Forms and Lists

Input Form







Lists

  • Jill
  • Eve
  • Adam

  • Jill
  • Eve
  • Adam
  • Steve


Progress Bars

5%


Slideshows


Navigation

Home Link 1

Accordions

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Link 1 Link 2 Link 3

Accordion with Images:

French Alps


Tabs

London

London is the capital city of England.

It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.

Paris

Paris is the capital of France.

The Paris area is one of the largest population centers in Europe, with more than 12 million inhabitants.

Tokyo

Tokyo is the capital of Japan.

It is the center of the Greater Tokyo Area, and the most populous metropolitan area in the world.


Buttons


Button Button Button



Pagination

« 1 2 3 4 5 »