diff --git a/Krivorotova Tatyana/images/brooklyn_cloud.png b/Krivorotova Tatyana/images/brooklyn_cloud.png new file mode 100644 index 0000000..5067896 Binary files /dev/null and b/Krivorotova Tatyana/images/brooklyn_cloud.png differ diff --git a/Krivorotova Tatyana/images/chicago.png b/Krivorotova Tatyana/images/chicago.png new file mode 100644 index 0000000..ba0233d Binary files /dev/null and b/Krivorotova Tatyana/images/chicago.png differ diff --git a/Krivorotova Tatyana/images/color_palette.png b/Krivorotova Tatyana/images/color_palette.png new file mode 100644 index 0000000..88baf9e Binary files /dev/null and b/Krivorotova Tatyana/images/color_palette.png differ diff --git a/Krivorotova Tatyana/images/mini_cloud.png b/Krivorotova Tatyana/images/mini_cloud.png new file mode 100644 index 0000000..6216e50 Binary files /dev/null and b/Krivorotova Tatyana/images/mini_cloud.png differ diff --git a/Krivorotova Tatyana/images/mini_rain.png b/Krivorotova Tatyana/images/mini_rain.png new file mode 100644 index 0000000..860a01b Binary files /dev/null and b/Krivorotova Tatyana/images/mini_rain.png differ diff --git a/Krivorotova Tatyana/images/mini_sun.png b/Krivorotova Tatyana/images/mini_sun.png new file mode 100644 index 0000000..bb30eb5 Binary files /dev/null and b/Krivorotova Tatyana/images/mini_sun.png differ diff --git a/Krivorotova Tatyana/images/montue_cloud.png b/Krivorotova Tatyana/images/montue_cloud.png new file mode 100644 index 0000000..7c353df Binary files /dev/null and b/Krivorotova Tatyana/images/montue_cloud.png differ diff --git a/Krivorotova Tatyana/images/portland.png b/Krivorotova Tatyana/images/portland.png new file mode 100644 index 0000000..c5dfa9f Binary files /dev/null and b/Krivorotova Tatyana/images/portland.png differ diff --git a/Krivorotova Tatyana/images/sanjose_cloud.png b/Krivorotova Tatyana/images/sanjose_cloud.png new file mode 100644 index 0000000..7eea900 Binary files /dev/null and b/Krivorotova Tatyana/images/sanjose_cloud.png differ diff --git a/Krivorotova Tatyana/images/seattle.png b/Krivorotova Tatyana/images/seattle.png new file mode 100644 index 0000000..24716a0 Binary files /dev/null and b/Krivorotova Tatyana/images/seattle.png differ diff --git a/Krivorotova Tatyana/index.html b/Krivorotova Tatyana/index.html new file mode 100644 index 0000000..e4136df --- /dev/null +++ b/Krivorotova Tatyana/index.html @@ -0,0 +1,64 @@ + + + + Cubes + + + + + + + +
+
+ + CHICAGO / 23° +
+
+ + SEATTLE / 34° +
+
+ + BROOKLYN / 55° +
+
+ + PORTLAND / 27° +
+
+ +
+
+
    +
  • + MON + + 22° +
    • +
  • + TUE + + 19° +
    • +
  • + WEN + + 18° +
    • +
  • + THU + + 14° +
    • +
+
+
+
+
+ + SAN JOSE / 47° +
+
+ + \ No newline at end of file diff --git a/Krivorotova Tatyana/style.css b/Krivorotova Tatyana/style.css new file mode 100644 index 0000000..216cc06 --- /dev/null +++ b/Krivorotova Tatyana/style.css @@ -0,0 +1,108 @@ +body{ + margin: 0; +} + +.weather-widget{ + width: 612px; + height: 408px; + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: center; + flex-direction: row; + font-family: 'Lato', sans-serif; + color: #FFFFFF; + +} + +.weather-widget__city-card{ + width: 204px; + height: 204px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.city-card-chicago{ + background-color: #00C0E2; +} + +.city-card-seattle{ + background-color: #5AD998; +} + +.city-card-brooklyn{ + background-color: #7558F8; +} + +.city-card-portland{ + background-color: #E9C14D; +} + +.city-card-schedule{ + justify-content: space-between; + background-color: #E55679; +} + +.city-card-sanjose{ + background-color: #CB70D6; +} + +.city-card-schedule__img{ + margin-top: 25px; + margin-right: 10px; +} + +.city-card-schedule__schedule-table{ + width: 204px; + height: 99px; + background-color: #CB4C6C; + box-shadow: inset 0 0 30px rgba(0,0,0,0.15); +} + +.city-card-schedule__week-days-container{ + width: 160px; + height: 67px; + margin-left: 23px; + margin-top: 19px; + display: flex; + flex-direction: column; + justify-content: space-evenly; +} + +.city-card-schedule__days-list{ + width: 155px; + height: 68px; + padding: 0; + margin: 0; + display: flex; + justify-content: space-between; + list-style: none; +} + +.days-list__list-text{ + font-size: 9pt; +} + +.days-list__list-elem{ + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-between; + text-align: center; +} + +.days-list__list-img{ + margin: 0; +} + +.city-card-chicago__img, .city-card-sanjose__img, .city-card-portland__img, .city-card-brooklyn__img, .city-card-seattle__img{ + padding-top: 2px; + padding-bottom: 24px; +} + +.city-card-sanjose__img{ + padding-top: 20px; + padding-bottom: 32px; +}