From aa1d667f49319c3f62b50e55dfdc3035148b9719 Mon Sep 17 00:00:00 2001
From: Tahseen Alaa <raspoteen7@gmail.com>
Date: Thu, 29 Mar 2018 23:09:23 +0300
Subject: [PATCH 1/4] Task - 1 Done by Tahseen Alaa.
---
Solutions/Task - 1/assets/css/style.css | 87 +++++++++++++++++
Solutions/Task - 1/index.html | 118 ++++++++++++++++++++++++
2 files changed, 205 insertions(+)
create mode 100644 Solutions/Task - 1/assets/css/style.css
create mode 100644 Solutions/Task - 1/index.html
diff --git a/Solutions/Task - 1/assets/css/style.css b/Solutions/Task - 1/assets/css/style.css
new file mode 100644
index 0000000..6d74797
--- /dev/null
+++ b/Solutions/Task - 1/assets/css/style.css
@@ -0,0 +1,87 @@
+html, body {
+ margin: 0;
+ padding: 0;
+}
+
+header {
+ margin: 50px auto auto 50px;
+ 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;
+}
+
+.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/Task - 1/index.html b/Solutions/Task - 1/index.html
new file mode 100644
index 0000000..3f07258
--- /dev/null
+++ b/Solutions/Task - 1/index.html
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Taski - 1</title>
+
+ <link rel="stylesheet" href="assets/css/style.css">
+</head>
+<body>
+
+
+ <!-- START page Title -->
+ <header>
+ <div class="heading">
+ <h1>Select your preferred languages</h1>
+ </div>
+
+ <div class="subtitle">
+ <h4>This step allows us to match opponent & select problems for you, that can be <br>
+ solved efficiently and specifically with the languages selected be you.</h4>
+ </div>
+ </header>
+ <!-- END page Title -->
+
+
+
+ <section>
+ <div class="backSpace">
+
+ <!-- START Blocks Buttons -->
+ <div class="container">
+ <div class="">
+ <button class="btn btn1">C</button>
+ </div>
+
+ <div class="">
+ <button class="btn btn2">c++</button>
+ </div>
+
+ <div class="">
+ <button class="btn btn3">java</button>
+ </div>
+
+ <div class="">
+ <button class="btn btn4">c#</button>
+ </div>
+
+ <div class="">
+ <button class="btn btn5">haskell</button>
+ </div>
+
+ <div class="">
+ <button class="btn btn6">python</button>
+ </div>
+
+ <div class="">
+ <button class="btn btn7">javascript</button>
+ </div>
+
+ <div class="">
+ <button class="btn btn8">rust</button>
+ </div>
+
+ <div class="">
+ <button class="btn btn9">lisb</button>
+ </div>
+
+ <div class="">
+ <button class="btn btn10">objective c</button>
+ </div>
+
+ <div class="">
+ <button class="btn btn11">perl</button>
+ </div>
+
+ <div class="">
+ <button class="btn btn12">scala</button>
+ </div>
+
+ <div class="">
+ <button class="btn btn13">pascal</button>
+ </div>
+
+ <div class="">
+ <button class="btn btn14">ruby</button>
+ </div>
+
+ <div class="">
+ <button class="btn btn15">clojure</button>
+ </div>
+
+ <div class="">
+ <button class="btn btn16">r</button>
+ </div>
+ </div>
+ <!-- END Blocks Buttons -->
+
+
+ <!-- START Submit buttons -->
+ <div class="checkOutButtons">
+ <div class="btnGoBack">
+ <button>go back</button>
+ </div>
+
+ <div class="btnProcees">
+ <button>proceed</button>
+ </div>
+ </div>
+ <!-- END Submit buttons -->
+
+
+
+ </div>
+ </section>
+</body>
+</html>
\ No newline at end of file
From a1fb2b2971df43af86b320cdfb3872083f8e0639 Mon Sep 17 00:00:00 2001
From: Tahseen Alaa <raspoteen7@gmail.com>
Date: Fri, 30 Mar 2018 00:22:54 +0300
Subject: [PATCH 2/4] Fix Bugs.
---
.../Task - 1/assets/css/style.css | 16 ++++++++++------
Solutions/{ => Tahseen Alaa}/Task - 1/index.html | 0
2 files changed, 10 insertions(+), 6 deletions(-)
rename Solutions/{ => Tahseen Alaa}/Task - 1/assets/css/style.css (86%)
rename Solutions/{ => Tahseen Alaa}/Task - 1/index.html (100%)
diff --git a/Solutions/Task - 1/assets/css/style.css b/Solutions/Tahseen Alaa/Task - 1/assets/css/style.css
similarity index 86%
rename from Solutions/Task - 1/assets/css/style.css
rename to Solutions/Tahseen Alaa/Task - 1/assets/css/style.css
index 6d74797..7299efd 100644
--- a/Solutions/Task - 1/assets/css/style.css
+++ b/Solutions/Tahseen Alaa/Task - 1/assets/css/style.css
@@ -4,14 +4,14 @@ html, body {
}
header {
- margin: 50px auto auto 50px;
+ margin: 50px auto;
text-align: center;
- left: 20%;
+ /* left: 20%; */
}
-section {
+/* section {
text-align: center;
-}
+} */
h1 {
font-size: 50px;
@@ -32,9 +32,13 @@ h4 {
margin: 100px auto auto 50px;
border-radius: 3px;
box-shadow: 10px 10px 50px 30px #EFF0F4;
- padding: 50px 50px 50px 50px;
+ /* padding: 50px 50px 50px 50px;
left: 27%;
- text-align: center;
+ text-align: center; */
+
+ /* Fix by Ahmed Abdullah */
+ margin: 100px auto 50px;
+ padding: 50px;
}
.container {
diff --git a/Solutions/Task - 1/index.html b/Solutions/Tahseen Alaa/Task - 1/index.html
similarity index 100%
rename from Solutions/Task - 1/index.html
rename to Solutions/Tahseen Alaa/Task - 1/index.html
From f50cc80c037f8d31d1985eab091199b4eba9668c Mon Sep 17 00:00:00 2001
From: Tahseen Alaa <raspoteen7@gmail.com>
Date: Wed, 4 Apr 2018 19:36:34 +0300
Subject: [PATCH 3/4] Tast - 2 Done by Tahseen Alaa.
---
.../Tast - 2/assets/css/style.css | 67 +++++++++++++++++++
Solutions/Tahseen Alaa/Tast - 2/index.html | 57 ++++++++++++++++
2 files changed, 124 insertions(+)
create mode 100644 Solutions/Tahseen Alaa/Tast - 2/assets/css/style.css
create mode 100644 Solutions/Tahseen Alaa/Tast - 2/index.html
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 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Task - 2 by Tahseen Alaa</title>
+
+ <link rel="stylesheet" type="text/css" href="assets/css/style.css">
+</head>
+
+
+<body>
+ <div class="container">
+
+ <!-- START Header -->
+ <header>
+ <div>Sign up</div>
+ </header>
+ <!-- END Header -->
+
+
+ <!-- START Fields Section -->
+ <section class="mainSection">
+
+ <div class="textSide">
+ <p>First Name</p>
+ <p>Last Name</p>
+ <p>E-mail</p>
+ <p>Country</p>
+ <p>Timezone</p>
+ </div>
+
+ <div class="inputSide">
+ <input type="text" placeholder="Tahseen ...">
+ <input type="text" placeholder="Alaa ...">
+ <input type="text" placeholder="google@gmail.com ...">
+ <select name="country" id="countryId">
+ <option value="" disabled selected>Select</option>
+ <option value="1">Selection 1</option>
+ <option value="2">Selection 2</option>
+ <option value="3">Selection 3</option>
+ </select>
+ <select name="timezone" id="timezoneId">
+ <option value="" disabled selected>Select</option>
+ <option value="1">Selection 1</option>
+ <option value="2">Selection 2</option>
+ <option value="3">Selection 3</option>
+ </select>
+ </div>
+ </section>
+ <!-- END Fields Section -->
+
+ </div>
+</body>
+ <!-- Coded by Tahseen Alaa. -->
+</html>
\ No newline at end of file
From f312f56f7a702e0385f9630d3ae5b52d80636ed5 Mon Sep 17 00:00:00 2001
From: Tahseen Alaa <raspoteen7@gmail.com>
Date: Wed, 4 Apr 2018 21:44:59 +0300
Subject: [PATCH 4/4] Tast - 13 Done by Tahseen Alaa.
---
.../Task - 13/assets/css/style.css | 105 ++++++++++++++++
.../Task - 13/assets/img/arrow.png | Bin 0 -> 14938 bytes
Solutions/Tahseen Alaa/Task - 13/index.html | 112 ++++++++++++++++++
3 files changed, 217 insertions(+)
create mode 100644 Solutions/Tahseen Alaa/Task - 13/assets/css/style.css
create mode 100644 Solutions/Tahseen Alaa/Task - 13/assets/img/arrow.png
create mode 100644 Solutions/Tahseen Alaa/Task - 13/index.html
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 0000000000000000000000000000000000000000..a9247e393184c1cfaed40daa6a6554ecc014bf08
GIT binary patch
literal 14938
zcmeI3Pi)&%9LHapX^g-i2(eXY8YTk)Vu|e}ZW}A{T9R$8L`KyWtrJL_YrnMC65F%g
zCG7zfHi;q-|4!4ynFB);cMwIQhyz00U?3)@!3Bf_)eZ~^sXW_h@=KcRZD`zHl*T{5
z_x=8U_UHYnFMe(E$l;x_hhqq#ofG4wDRNx)|8{IAzn?4WSLATFJ$~Fp=$;4tzX-bU
z-XKCFj~UZ5-c0#fS+i;>Rkvnws!_9v8ln7whOKI+u*c2fIm0X@{`hz`!5MlXaZD-;
zWxI&yjqxQ1A6+^!tu39>a(d!`63aJalAwk?m21?hrYkoJi6E~`V!xSBaDl`-RY;8a
z1-Y5>Bv-T?%t@)Cq$Xz4+;A=>O1bn%c0ZRE#35eD@?tJ2W@Pfs3S9G(P+}y?J9<T)
zDjjN;BWH!gyyw|6&)4hqR6UcjoH=68<#-{@r_)KINV<!rr#6zNyDv<#nWuzZ%`t4x
zuuRU+tIk>rULle23$;GY`>NTkLZ;hfM=0_Q)#k;N!1prgTFYZEIMv|NbdASVT*Id4
z5}(-9XU|)n<<47uO18TD7A9j-F1Kp;yxv-^XKB|vc!nToBJJsPrx$I^Phr<ua5Q}I
z47rtkz3$#KD(%7P$mI9*y>{F%`q=!Q&=yREaD?*YUge^LRnKy!Evu@8vutt`Ay+K=
zvr0-y+>^%)Q@85wQ+dAI)E@D6K3q~gtPt-=Qpl3;w3w5noGhlF7BaFRfFz-^D@WPV
zjmlzoj<i5#HB10x-3iF@(N#~Sr+`9`MAzhs<<wM9F>2}@=52E>&$k<avNfaRqE)pV
za!pvt<oRCBz!l6gdBSu()zt7rNg)j>!_eidq*YXXcqExsvr<y3WYwf94U5TPbvBn%
zhjMsCmjZm{GPG|=U9z+Vf2A~2>$jO2*tev9&N0X?r&fW+zxvxP(Id^4Qsah8=H?=p
zvt;H5``A%@y0dk&qiO{Ek*zu|_E%dWvANt@8(3?9@;$+-l~v8($rR0B3|P<e9j)!l
zYB`%W<G&7Im><~t*Qn29^JYsaOckj5CvmNcS63Z8Hb>^ft*!GgZ>O=lK%V#a{;JVA
z6k%)U2yM>Uts|QEw=|i|26AO;FbZOx-_q8u9O`HMQLQcn`r))dKD_AvHm$I`+j{)w
zR@mKbZ9AVg4Nplot93O4m%s0Z8^clZh=7$LNy?D*+uhvlm^2!=I#V*p3U>W@DW*r7
zrtY4e&f|TZpr`2!2Mhc=55_WVB@YYaIfZXMsB{i<Ycbs6pnXesI5AAeia;9FnBk%#
zf&zvM(xAo+7Zni{FkFxZHD<V|h@gPsf;6Zx!$m~|1q>IYL5&$MDk3OgxF8K`%y3Z=
zK>@=BX;5Q^i;4&e7%oVI8Z%r}L{PwRK^oMU;i4jf0)`9HpvDXr6%iCLT#yDeX1J(`
zpn&0mG^jDdMMVS!3>Tz9jTtT~A}C<EAPs8Fa8VIK0mB7pP-BLRiU<lAE=YqKGh9?e
zP{43O8q}EKq9TF<h6~c5#tat~5fm_7kOnnoxTuJrfZ>8PsPRp4#oDj_VUxV?S0^v_
zS<(|r<fTAP8=op8wDdT6x$rDPe{YcEuLvy&2>o^vA^AK)yRCOmd~pb&$VU^UvFXMS
zzyCNEJ13xRW7jthe|d3bW$(6$?>^zGyFXmNdfqj^y+X3C4xsJJk&|c;tzKTAEWW>M
z`C@b|9<l3#J9gdm=Pz7*f9&elk8&%~WrTKo@C}Nevm)_xKSf9511N&xq}KoN^Y&ph
zx+j88Z$oPjpm^^Sa`&s~dVK!U%e!8`e>AV4^&4pI=V<(`TROQ~d`Efcg*Q)Z=Uy6I
zzM-OPuSQlLxzi^Kx)$X=okQza2G;)CJNi$0IWw?+7Tt@YpCKVQDBs_Q(8fj-?YXcX
VfANi#%Vb2*#K9w_OV6Bq<zF6!7!Lpd
literal 0
HcmV?d00001
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 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Task - 13 by Tahseen Alaa.</title>
+
+ <link rel="stylesheet" type="text/css" href="assets/css/style.css">
+</head>
+
+
+<body>
+ <div class="container">
+
+ <!-- START Calender Section -->
+ <header>
+ <img src="assets/img/arrow.png" alt="Left Arrow" class="leftArrow">
+ <span class="monthLabel">may</span>
+ <img src="assets/img/arrow.png" alt="Right Arrow">
+ </header>
+ <!-- END Calender Section -->
+
+ <!-- START Weeks Section -->
+ <section class="weeksSection">
+ <p>s</p>
+ <p>m</p>
+ <p>t</p>
+ <p>w</p>
+ <p>th</p>
+ <p>f</p>
+ <p>s</p>
+ </section>
+ <!-- END Weeks Section -->
+
+ <!-- START Days Section -->
+ <section class="daysSection">
+ <div>
+ <p class="pastMonth">26</p>
+ <p class="pastMonth">27</p>
+ <p class="pastMonth">28</p>
+ <p class="pastMonth">29</p>
+ <p class="pastMonth">30</p>
+ <p>1</p>
+ <p>2</p>
+ </div>
+
+ <div>
+ <p>3</p>
+ <p>4</p>
+ <p>5</p>
+ <p>6</p>
+ <p>7</p>
+ <p>8</p>
+ <p>9</p>
+ </div>
+
+ <div>
+ <p>10</p>
+ <p class="selectedDay"><span>11</span></p>
+ <p>12</p>
+ <p>13</p>
+ <p class="favoriteDay">14<span>.</span></p>
+ <p>15</p>
+ <p>16</p>
+ </div>
+
+ <div>
+ <p>17</p>
+ <p>18</p>
+ <p>19</p>
+ <p>20</p>
+ <p>21</p>
+ <p>22</p>
+ <p>23</p>
+ </div>
+
+ <div>
+ <p>24</p>
+ <p class="favoriteDay">25<span>.</span></p>
+ <p>26</p>
+ <p>27</p>
+ <p>28</p>
+ <p>29</p>
+ <p>30</p>
+ </div>
+
+ <div>
+ <p>31</p>
+ <p class="nextMonth">1</p>
+ <p class="nextMonth">2</p>
+ <p class="nextMonth">3</p>
+ <p class="nextMonth">4</p>
+ <p class="nextMonth">5</p>
+ <p class="nextMonth">6</p>
+ </div>
+
+ </section>
+ <!-- START Days Section -->
+
+
+ <!-- START Credit Section -->
+ <footer>
+ <p>Practice makes <span>perfect</span> you not suck so much</p>
+ </footer>
+ <!-- START Credit Section -->
+
+
+ <!-- Coded by Tahseen Alaa. -->
+ </div>
+</body>
+</html>
\ No newline at end of file