diff --git a/Alina Firsova/Homework_1_Firsova.html b/Alina Firsova/Homework_1_Firsova.html new file mode 100755 index 0000000..e0edab8 --- /dev/null +++ b/Alina Firsova/Homework_1_Firsova.html @@ -0,0 +1,39 @@ + + + + + Cubes + + + +
+
+ +
+
CHICAGO / 23°
+
SEATTLE / 34°
+
BROOKLYN / 55°
+
+ +
+
+
+
PORTLAND / 27°
+
+
+
+
+
MON
22°
+
TUE
19°
+
WEN
18°
+
THU
14°
+
+
+
+
SAN JOSE / 47°
+
+
+ + + + diff --git a/Alina Firsova/img/Thumbs.db b/Alina Firsova/img/Thumbs.db new file mode 100755 index 0000000..890907f Binary files /dev/null and b/Alina Firsova/img/Thumbs.db differ diff --git a/Alina Firsova/img/back_main.png b/Alina Firsova/img/back_main.png new file mode 100755 index 0000000..97b9368 Binary files /dev/null and b/Alina Firsova/img/back_main.png differ diff --git a/Alina Firsova/img/brooklyn_back.png b/Alina Firsova/img/brooklyn_back.png new file mode 100755 index 0000000..6c2e166 Binary files /dev/null and b/Alina Firsova/img/brooklyn_back.png differ diff --git a/Alina Firsova/img/chicago_back.png b/Alina Firsova/img/chicago_back.png new file mode 100755 index 0000000..13918b2 Binary files /dev/null and b/Alina Firsova/img/chicago_back.png differ diff --git a/Alina Firsova/img/cloud.png b/Alina Firsova/img/cloud.png new file mode 100755 index 0000000..baa6ddc Binary files /dev/null and b/Alina Firsova/img/cloud.png differ diff --git a/Alina Firsova/img/cloud_small.png b/Alina Firsova/img/cloud_small.png new file mode 100755 index 0000000..6ebde27 Binary files /dev/null and b/Alina Firsova/img/cloud_small.png differ diff --git a/Alina Firsova/img/fog.png b/Alina Firsova/img/fog.png new file mode 100755 index 0000000..521606c Binary files /dev/null and b/Alina Firsova/img/fog.png differ diff --git a/Alina Firsova/img/half_moon.png b/Alina Firsova/img/half_moon.png new file mode 100755 index 0000000..5492837 Binary files /dev/null and b/Alina Firsova/img/half_moon.png differ diff --git a/Alina Firsova/img/portland_back.png b/Alina Firsova/img/portland_back.png new file mode 100755 index 0000000..5b30aca Binary files /dev/null and b/Alina Firsova/img/portland_back.png differ diff --git a/Alina Firsova/img/rainy.png b/Alina Firsova/img/rainy.png new file mode 100755 index 0000000..585f3b1 Binary files /dev/null and b/Alina Firsova/img/rainy.png differ diff --git a/Alina Firsova/img/rainy_small.png b/Alina Firsova/img/rainy_small.png new file mode 100755 index 0000000..f1ed73e Binary files /dev/null and b/Alina Firsova/img/rainy_small.png differ diff --git a/Alina Firsova/img/san_jose_back.png b/Alina Firsova/img/san_jose_back.png new file mode 100755 index 0000000..127b1be Binary files /dev/null and b/Alina Firsova/img/san_jose_back.png differ diff --git a/Alina Firsova/img/seattle_back.png b/Alina Firsova/img/seattle_back.png new file mode 100755 index 0000000..6031a36 Binary files /dev/null and b/Alina Firsova/img/seattle_back.png differ diff --git a/Alina Firsova/img/sun_cloud.png b/Alina Firsova/img/sun_cloud.png new file mode 100755 index 0000000..65e7291 Binary files /dev/null and b/Alina Firsova/img/sun_cloud.png differ diff --git a/Alina Firsova/img/sun_cloud_small.png b/Alina Firsova/img/sun_cloud_small.png new file mode 100755 index 0000000..0bd4f3a Binary files /dev/null and b/Alina Firsova/img/sun_cloud_small.png differ diff --git a/Alina Firsova/img/sun_rainy.png b/Alina Firsova/img/sun_rainy.png new file mode 100755 index 0000000..1b8faf1 Binary files /dev/null and b/Alina Firsova/img/sun_rainy.png differ diff --git a/Alina Firsova/img/week_back1.png b/Alina Firsova/img/week_back1.png new file mode 100755 index 0000000..449d7de Binary files /dev/null and b/Alina Firsova/img/week_back1.png differ diff --git a/Alina Firsova/img/week_back2.png b/Alina Firsova/img/week_back2.png new file mode 100755 index 0000000..34ae507 Binary files /dev/null and b/Alina Firsova/img/week_back2.png differ diff --git a/Alina Firsova/style.css b/Alina Firsova/style.css new file mode 100755 index 0000000..f3a26e9 --- /dev/null +++ b/Alina Firsova/style.css @@ -0,0 +1,186 @@ +body, html { + height: 100%; + margin: 0; +} + +.span{ + font-size: 10px; + font-family: Francois One, bold; + color: white; + } +p{ + + font-family: Francois One, bold; + color: white; + } + + + +.background{ + background-image:url(img/back_main.png); + background-repeat: no-repeat; + background-size: cover; + background-position: center; + height: 100%; + +} + +.week{ +display: flex; +justify-content: space-around; +align-items: center; +padding: 20px 15px 0 15px; + +} + +.day{ + color: white; + font-weight: bold; + font-family:Helvetica, monospace; + display: flex; + flex-direction:column; + justify-content:space-between; + font-size: 12px; + text-align: center; + + + + +} + +.name { + padding-bottom: 10px; +} + +.image-div { + height: 25px; +} + +.image-sun-div { + height: 25px; + position: relative; +} + +.image-sun-div img { + position: absolute; + top: -3px; + left: 0; +} + +.value { + padding-top: 3px; +} + +.container { + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + position: absolute; + width: 615px; + height: 410px; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; + box-shadow: 0 0 70px rgba(0,0,0,0.9) +} + +.row{ +display: flex; +flex-wrap:wrap; +flex-direction:row; +} + +.chicago{ +background-image:url(img/chicago_back.png); +background-repeat: no-repeat; +width: 205px; +height: 205px; +display: flex; +justify-content: center; +align-items: center; +flex-direction:column; + +} +.seattle{ + +background-image:url(img/seattle_back.png); +background-repeat: no-repeat; +background-size: contain; +width: 205px; +height: 205px; +display: flex; +justify-content: center; +align-items: center; +flex-direction:column; +} +.brooklyn{ + +background-image:url(img/brooklyn_back.png); +background-repeat: no-repeat; +background-size: contain; +width: 205px; +height: 205px; +display: flex; +justify-content: center; +align-items: center; +flex-direction:column; +} +.portland{ + +background-image:url(img/portland_back.png); +background-repeat: no-repeat; +width: 205px; +height: 205px; +display: flex; +justify-content: center; +align-items: center; +flex-direction:column; + +} +.week_top{ +background-image:url(img/week_back1.png); +background-repeat: no-repeat; +background-size: contain; +width: 205px; +height: 205px; +height: 205px; +display: flex; +justify-content: flex-end; +align-items: center; +flex-direction:column; +} + +.week_bottom{ +background-image:url(img/week_back2.png); +background-repeat: no-repeat; +background-size: contain; +width: 205px; +height: 99px; + +} + +.san_jose{ +background-image:url(img/san_jose_back.png); +background-repeat: no-repeat; +background-size: contain; +width: 205px; +height: 205px; +display: flex; +justify-content: center; +align-items: center; +flex-direction:column; +} + +.element{ +padding: 10px; +color: white; +font-weight: bold; +font-family:Helvetica, monospace; +} + +.day_elem{ + padding: 3px; +} \ No newline at end of file