diff --git a/Solutions/Tahseen Alaa/Task - 1/assets/css/style.css b/Solutions/Tahseen Alaa/Task - 1/assets/css/style.css new file mode 100644 index 0000000..7299efd --- /dev/null +++ b/Solutions/Tahseen Alaa/Task - 1/assets/css/style.css @@ -0,0 +1,91 @@ +html, body { + margin: 0; + padding: 0; +} + +header { + margin: 50px auto; + text-align: center; + /* left: 20%; */ +} + +/* section { + text-align: center; +} */ + +h1 { + font-size: 50px; + font-weight: bold; + color: #4F5362; +} + +h4 { + color: #646568; + font-weight: normal; +} + +.backSpace { + background-color: #fff; + width: 750px; + height: 250px; + position: relative; + margin: 100px auto auto 50px; + border-radius: 3px; + box-shadow: 10px 10px 50px 30px #EFF0F4; + /* padding: 50px 50px 50px 50px; + left: 27%; + text-align: center; */ + + /* Fix by Ahmed Abdullah */ + margin: 100px auto 50px; + padding: 50px; +} + +.container { + display: flex; + justify-content: space-around; + flex-wrap: wrap; +} + +.btn { + text-align: center; + padding: 12px 20px 12px 20px; + margin: 10px 5px 10px 5px; + border: 1px solid transparent; + border-radius: 5px; + text-align: center; + color: #111; + background-color: #EFF0F4; +} + +.btn1, .btn2, .btn6, .btn11 { + background-color: #1ECDE2; + color: #fff; +} + + +.checkOutButtons { + display: flex; + justify-content: center; + margin-top: 75px; +} + +.btnGoBack { + padding-right: 50px; +} + +.btnGoBack button, .btnProcees button { + text-transform: uppercase; + border-radius: 30px; + border: 2px solid #EFF0F4; + background-color: transparent; + color: #b8b9bc; + padding: 10px 30px 10px 30px; + font-weight: bold; + font-size: 14px; +} + +.btnProcees button { + background-color: #AED581; + color: #fff; +} \ No newline at end of file diff --git a/Solutions/Tahseen Alaa/Task - 1/index.html b/Solutions/Tahseen Alaa/Task - 1/index.html new file mode 100644 index 0000000..3f07258 --- /dev/null +++ b/Solutions/Tahseen Alaa/Task - 1/index.html @@ -0,0 +1,118 @@ + + + + + + + Taski - 1 + + + + + + + +
+
+

Select your preferred languages

+
+ +
+

This step allows us to match opponent & select problems for you, that can be
+ solved efficiently and specifically with the languages selected be you.

+
+
+ + + + +
+
+ + +
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+ + + + +
+
+ +
+ +
+ +
+
+ + + + +
+
+ + \ No newline at end of file diff --git a/Solutions/Tahseen Alaa/Task - 13/assets/css/style.css b/Solutions/Tahseen Alaa/Task - 13/assets/css/style.css new file mode 100644 index 0000000..2c5066c --- /dev/null +++ b/Solutions/Tahseen Alaa/Task - 13/assets/css/style.css @@ -0,0 +1,105 @@ +html, body { + margin: 0; + padding: 0; +} + +html, body { + background-color: #F4DAB5; +} + +.container { + background-color: #fff; + width: 500px; + height: 350px; + margin: 150px auto; + border-radius: 10px; + position: relative; +} + +header { + background-color: #0E0E0E; + width: 100%; + height: 20%; + border-top-left-radius: 10px; + border-top-right-radius: 10px; + display: flex; + justify-content: space-between; + align-items: center; +} + +header img { + width: 40px; + height: 40px; + margin: auto 10px; +} + +header span { + color: #fff; + font-size: 35px; + text-transform: uppercase; +} + +.leftArrow { + transform: rotateY(180deg); +} + +.weeksSection { + background-color: #FF623F; + width: 100%; + height: 10%; + display: flex; + justify-content: space-around; + align-items: center; + font-size: 20px; + text-transform: uppercase; + color: #fff; +} + +.daysSection{ + width: 100%; + height: 60%; +} + +.daysSection div { + display: flex; + justify-content: space-around; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + font-size: 15px; + font-weight: bold; + line-height: 5px; +} + +.pastMonth, .nextMonth { + color: #DCDADB; +} + +.selectedDay span { + background-color: #DCDADB; + border-radius: 50%; +} + +.favoriteDay { + position: relative; +} + +.favoriteDay span { + color: red; + font-size: 30px; + position: absolute; + margin-top: -15px; +} + +footer { + color: #DCDADB; + width: 100%; + height: 5%; + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; + text-align: center; + font-size: 15px; + font-weight: bold; +} + +footer span { + text-decoration: red line-through; +} \ No newline at end of file diff --git a/Solutions/Tahseen Alaa/Task - 13/assets/img/arrow.png b/Solutions/Tahseen Alaa/Task - 13/assets/img/arrow.png new file mode 100644 index 0000000..a9247e3 Binary files /dev/null and b/Solutions/Tahseen Alaa/Task - 13/assets/img/arrow.png differ diff --git a/Solutions/Tahseen Alaa/Task - 13/index.html b/Solutions/Tahseen Alaa/Task - 13/index.html new file mode 100644 index 0000000..796fa78 --- /dev/null +++ b/Solutions/Tahseen Alaa/Task - 13/index.html @@ -0,0 +1,112 @@ + + + + + + + Task - 13 by Tahseen Alaa. + + + + + + +
+ + +
+ Left Arrow + may + Right Arrow +
+ + + +
+

s

+

m

+

t

+

w

+

th

+

f

+

s

+
+ + + +
+
+

26

+

27

+

28

+

29

+

30

+

1

+

2

+
+ +
+

3

+

4

+

5

+

6

+

7

+

8

+

9

+
+ +
+

10

+

11

+

12

+

13

+

14.

+

15

+

16

+
+ +
+

17

+

18

+

19

+

20

+

21

+

22

+

23

+
+ +
+

24

+

25.

+

26

+

27

+

28

+

29

+

30

+
+ +
+

31

+

1

+

2

+

3

+

4

+

5

+

6

+
+ +
+ + + + + + + + + +
+ + \ No newline at end of file diff --git a/Solutions/Tahseen Alaa/Tast - 2/assets/css/style.css b/Solutions/Tahseen Alaa/Tast - 2/assets/css/style.css new file mode 100644 index 0000000..253e0aa --- /dev/null +++ b/Solutions/Tahseen Alaa/Tast - 2/assets/css/style.css @@ -0,0 +1,67 @@ +html, body { + margin: 0; + padding: 0; +} + +body { + background-color: #fff; +} + +.container { + border: 1px #111 solid; + width: 600px; + height: 800px; + position: relative; + margin: 50px auto; + box-shadow: -10px 20px 200px 5px hsl(199, 26%, 74%); +} + +header { + font-size: 80px; + font-weight: bold; + padding-left: 50px; + padding-top: 40px; +} + +.mainSection { + display: flex; + justify-content: space-between; + margin-top: 60px; +} + +.fieldsSection { + display: flex; + flex-direction: column; +} + +.inputSide { + display: flex; + flex-direction: column; + margin: 20px 50px; +} + +.inputSide input,select { + font-size: 25px; + margin-top: 35px; + padding-bottom: 25px; + border-top: none; + border-right: none; + border-left: none; + border-bottom: 2px #C2C2C2 solid; + color: #C2C2C2; +} + +.textSide { + display: flex; + flex-direction: column; + margin: 20px 20px; + margin-left: 40px; +} + +.textSide p { + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + font-size: 22px; + margin-top: 40px; + font-weight: bold; +} + diff --git a/Solutions/Tahseen Alaa/Tast - 2/index.html b/Solutions/Tahseen Alaa/Tast - 2/index.html new file mode 100644 index 0000000..be6c2c1 --- /dev/null +++ b/Solutions/Tahseen Alaa/Tast - 2/index.html @@ -0,0 +1,57 @@ + + + + + + + Task - 2 by Tahseen Alaa + + + + + + +
+ + +
+
Sign up
+
+ + + + +
+ +
+

First Name

+

Last Name

+

E-mail

+

Country

+

Timezone

+
+ +
+ + + + + +
+
+ + +
+ + + \ No newline at end of file