epam-js-jun-2019 · YakovlevaNatasha · Jun 27, 2019 · Jul 3, 2019 · Adoree · Jul 23, 2019
diff --git a/Natasha Yakovleva/widget/Back.png b/Natasha Yakovleva/widget/Back.png
diff --git a/Natasha Yakovleva/widget/Designed by Barry Mccalvey.png b/Natasha Yakovleva/widget/Designed by Barry Mccalvey.png
diff --git a/Natasha Yakovleva/widget/Friday August, 23rd.png b/Natasha Yakovleva/widget/Friday August, 23rd.png
diff --git a/Natasha Yakovleva/widget/Monday/10 o.png b/Natasha Yakovleva/widget/Monday/10 o.png
diff --git a/Natasha Yakovleva/widget/Monday/Monday.png b/Natasha Yakovleva/widget/Monday/Monday.png
diff --git a/Natasha Yakovleva/widget/Monday/Rain.png b/Natasha Yakovleva/widget/Monday/Rain.png
diff --git a/Natasha Yakovleva/widget/Next.png b/Natasha Yakovleva/widget/Next.png
diff --git a/Natasha Yakovleva/widget/Paris, France.png b/Natasha Yakovleva/widget/Paris, France.png
diff --git a/Natasha Yakovleva/widget/Paris.png b/Natasha Yakovleva/widget/Paris.png
diff --git a/Natasha Yakovleva/widget/Paris.psd b/Natasha Yakovleva/widget/Paris.psd
diff --git a/Natasha Yakovleva/widget/Paris_main.png b/Natasha Yakovleva/widget/Paris_main.png
diff --git a/Natasha Yakovleva/widget/Thursday/18 o.png b/Natasha Yakovleva/widget/Thursday/18 o.png
diff --git a/Natasha Yakovleva/widget/Thursday/Overcast.png b/Natasha Yakovleva/widget/Thursday/Overcast.png
diff --git a/Natasha Yakovleva/widget/Thursday/Thursday.png b/Natasha Yakovleva/widget/Thursday/Thursday.png
diff --git a/Natasha Yakovleva/widget/Tuesday/15 o.png b/Natasha Yakovleva/widget/Tuesday/15 o.png
diff --git a/Natasha Yakovleva/widget/Tuesday/Cloudy.png b/Natasha Yakovleva/widget/Tuesday/Cloudy.png
diff --git a/Natasha Yakovleva/widget/Tuesday/Tuesday.png b/Natasha Yakovleva/widget/Tuesday/Tuesday.png
diff --git a/Natasha Yakovleva/widget/Weather/Dividers/Shape 2 copy 2.png b/Natasha Yakovleva/widget/Weather/Dividers/Shape 2 copy 2.png
diff --git a/Natasha Yakovleva/widget/Weather/Dividers/Shape 2 copy 3.png b/Natasha Yakovleva/widget/Weather/Dividers/Shape 2 copy 3.png
diff --git a/Natasha Yakovleva/widget/Weather/Dividers/Shape 2 copy 4.png b/Natasha Yakovleva/widget/Weather/Dividers/Shape 2 copy 4.png
diff --git a/Natasha Yakovleva/widget/Wednesday/23 o.png b/Natasha Yakovleva/widget/Wednesday/23 o.png
diff --git a/Natasha Yakovleva/widget/Wednesday/Sunny.png b/Natasha Yakovleva/widget/Wednesday/Sunny.png
diff --git a/Natasha Yakovleva/widget/Wednesday/Wednesday.png b/Natasha Yakovleva/widget/Wednesday/Wednesday.png
diff --git a/Natasha Yakovleva/widget/bg.png b/Natasha Yakovleva/widget/bg.png
diff --git a/Natasha Yakovleva/widget/degrees/12.png b/Natasha Yakovleva/widget/degrees/12.png
diff --git a/Natasha Yakovleva/widget/degrees/o.png b/Natasha Yakovleva/widget/degrees/o.png
diff --git a/Natasha Yakovleva/widget/divider.png b/Natasha Yakovleva/widget/divider.png
diff --git a/Natasha Yakovleva/widget/styles.css b/Natasha Yakovleva/widget/styles.css
@@ -0,0 +1,104 @@
+body{
+	background-image: url('bg.png');
+	background-size: cover;
+}
+
+.main{
+	padding-left: 50px;
+	padding-top: 60px;
+}
+
+.date{
+	margin-top: -365px;
+	margin-left: 414px;
+	display: flex;
+
+}
+
+.crt{
+	margin-top: -35px;
+	margin-left: 530px;
+	display: flex;
+	flex-direction: column;
+}
+
+.degrees{
+	display: inline-flex;
+}
+
+.degree{
+	padding-left: 5px;
+}
+
+.location{
+	padding-top: 15px;
+	padding-left: -1px;
+}
+
+.wind{
+	padding-top: 20px;
+	display: inline-flex;
+}
+
+.wind_picture{
+	padding: 3px;
+}
+
+.weather{
+	padding-left: 40px;
+	padding-right: 50px;
+	margin-top: 80px;
+	display: inline-flex;
+	width: 750px;
+	justify-content: space-around;
+
+}
+
+.pointer{
+	align-self: center;
+	padding-top: 5px;
+}
+
+.back{
+	padding-left: 60px;
+}
+
+.next{
+	padding-right: 100px;
+}
+
+.divider{
+	padding-left: -15px;
+	padding-top: 10px;
+	align-self: center;
+}
+
+.days{
+	margin-top: 0px;
+	margin-left: 10px;
+
+	/*align-items: top;*/
+	display: flex;
+	flex-direction: row;
+}
+
+.day{
+	padding-top: 10px;
+	padding-bottom: 10px;
+	padding-right: 5px;
+	padding-left: 5px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+
+.in{
+	padding-top: 5px;
+	padding-left: 30px;
+	padding-right: 20px;
+}
+
+.tuesday{
+	padding-top: 15px;
+}
+
diff --git a/Natasha Yakovleva/widget/widget.html b/Natasha Yakovleva/widget/widget.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Paris</title>
+	<link href="styles.css" rel="stylesheet">
+</head>
+<body>
+	<div class="main">
+		<img src="Paris.png">
+	</div>
+
+	<div class="info">
+		<div class="date">
+			<img src="Friday August, 23rd.png">
+		</div>
+
+		<div class="crt">
+			<div class="degrees">
+				<img src="degrees/12.png">
+				<span class="degree"><img src="degrees/o.png"></span>
+			</div>
+			<div class="location">
+				<img src="Paris, France.png">
+			</div>
+			<div class="wind">
+				<span class="wind_picture"><img src="wind/Wind.png"></span>
+				<span class="wind_picture"><img src="wind/14 mph.png"></span>
+			</div>
+		</div>
+    </div>
+
+	<div class="weather">
+
+	    <div class="pointer back">
+			<img src="Back.png">
+		</div>
+
+		<div class="days">
+			<div class="day">
+				<span class="in"><img src="Monday/Monday.png"></span>
+				<span class="in"><img src="Monday/Rain.png"></span>
+				<span class="in"><img src="Monday/10 o.png"></span>
+			</div>
+
+			<div class="divider">
+				<img src="divider.png">
+			</div>
+
+			<div class="day">
+				<span class="in"><img src="Tuesday/Tuesday.png"></span>
+				<span class="in"><img src="Tuesday/Cloudy.png"></span>
+				<span class="in tuesday"><img src="Tuesday/15 o.png"></span>
+			</div>
+
+			<div class="divider">
+				<img src="divider.png">
+			</div>
+
+			<div class="day">
+				<span class="in"><img src="Wednesday/Wednesday.png"></span>
+				<span class="in"><img src="Wednesday/Sunny.png"></span>
+				<span class="in"><img src="Wednesday/23 o.png"></span>
+			</div>
+
+			<div class="divider">
+				<img src="divider.png">
+			</div>
+
+			<div class="day">
+				<span class="in"><img src="Thursday/Thursday.png"></span>
+				<span class="in"><img src="Thursday/Overcast.png"></span>
+				<span class="in"><img src="Thursday/18 o.png"></span>
+			</div>
+		</div>
+
+		<div class="pointer next">
+			<img src="Next.png">
+		</div>
+	</div>
+
+</body>
+</html>
diff --git a/Natasha Yakovleva/widget/wind/14 mph.png b/Natasha Yakovleva/widget/wind/14 mph.png
diff --git a/Natasha Yakovleva/widget/wind/Wind.png b/Natasha Yakovleva/widget/wind/Wind.png