diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/Step_4.html b/03_Exercises/03_JavaScript/javascript-basics-01/step 4/Step_4.html similarity index 69% rename from 03_Exercises/03_JavaScript/javascript-basics-01/Step_4.html rename to 03_Exercises/03_JavaScript/javascript-basics-01/step 4/Step_4.html index 12c89425..22540c4a 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_4.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step 4/Step_4.html @@ -9,7 +9,10 @@ - - + + + + + diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/step 4/step4.js b/03_Exercises/03_JavaScript/javascript-basics-01/step 4/step4.js new file mode 100644 index 00000000..ebbdf344 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step 4/step4.js @@ -0,0 +1,12 @@ +function f4() +{ + var name, surname,city; + surname=document.getElementById("surname").value; + name= document.getElementById("name").value; + city=document.getElementById("city").value; + alert("Name: "+name+"\n"+"Surname: "+surname+"\n"+"City: "+city) + + + + +} \ No newline at end of file diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/Step_7.html b/03_Exercises/03_JavaScript/javascript-basics-01/step 7/Step_7.html similarity index 61% rename from 03_Exercises/03_JavaScript/javascript-basics-01/Step_7.html rename to 03_Exercises/03_JavaScript/javascript-basics-01/step 7/Step_7.html index 05ff5834..8c70555c 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_7.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step 7/Step_7.html @@ -8,7 +8,11 @@


- + + +
+ + diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/step 7/step7.js b/03_Exercises/03_JavaScript/javascript-basics-01/step 7/step7.js new file mode 100644 index 00000000..5b952b24 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step 7/step7.js @@ -0,0 +1,10 @@ +function multipleOperations() +{ + var shoe_size, birth_year, res; + shoe_size= parseInt(document.getElementById("shoe_size").value); + birth_year = parseInt(document.getElementById("year").value); + res=(shoe_size*2+5)*50-birth_year+1766; + document.getElementById("txtresult").value = res; + + +} \ No newline at end of file diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/Step_1.html b/03_Exercises/03_JavaScript/javascript-basics-01/step1/Step_1.html similarity index 62% rename from 03_Exercises/03_JavaScript/javascript-basics-01/Step_1.html rename to 03_Exercises/03_JavaScript/javascript-basics-01/step1/Step_1.html index de81630e..7cfc53d0 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_1.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step1/Step_1.html @@ -4,6 +4,7 @@ Step 1 - + + diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/step1/step1.js b/03_Exercises/03_JavaScript/javascript-basics-01/step1/step1.js new file mode 100644 index 00000000..a6ce5ffe --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step1/step1.js @@ -0,0 +1,4 @@ +function showAlert() { + var name = "name"; + alert ("Hey "+name); + } \ No newline at end of file diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/Step_2.html b/03_Exercises/03_JavaScript/javascript-basics-01/step2/Step_2.html similarity index 62% rename from 03_Exercises/03_JavaScript/javascript-basics-01/Step_2.html rename to 03_Exercises/03_JavaScript/javascript-basics-01/step2/Step_2.html index a2147206..93bc4a6d 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_2.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step2/Step_2.html @@ -4,6 +4,7 @@ Step 2 - + + diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/step2/step2.js b/03_Exercises/03_JavaScript/javascript-basics-01/step2/step2.js new file mode 100644 index 00000000..af09884e --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step2/step2.js @@ -0,0 +1,6 @@ +function showAlert() { + var name = "Sarah"; + var surname= "Hachouche"; + var city="Beirut"; + alert ("Name: "+name+"\n"+"Surname: "+surname+"\n"+"City: "+city); + } \ No newline at end of file diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/Step_3.html b/03_Exercises/03_JavaScript/javascript-basics-01/step3/Step_3.html similarity index 55% rename from 03_Exercises/03_JavaScript/javascript-basics-01/Step_3.html rename to 03_Exercises/03_JavaScript/javascript-basics-01/step3/Step_3.html index 20b2a198..4dc2cb38 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_3.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step3/Step_3.html @@ -4,6 +4,7 @@ Step 3 - + + diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/step3/step3.js b/03_Exercises/03_JavaScript/javascript-basics-01/step3/step3.js new file mode 100644 index 00000000..ded701ee --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step3/step3.js @@ -0,0 +1,4 @@ +let person = prompt("Please enter your name"); +function showAlert() { + alert ("Hello "+person); + } diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/step5/.vscode/launch.json b/03_Exercises/03_JavaScript/javascript-basics-01/step5/.vscode/launch.json new file mode 100644 index 00000000..2ba986f6 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step5/.vscode/launch.json @@ -0,0 +1,15 @@ +{ + // Use IntelliSense to learn about possible attributes. + // Hover to view descriptions of existing attributes. + // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 + "version": "0.2.0", + "configurations": [ + { + "type": "chrome", + "request": "launch", + "name": "Launch Chrome against localhost", + "url": "http://localhost:8080", + "webRoot": "${workspaceFolder}" + } + ] +} \ No newline at end of file diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/Step_5.html b/03_Exercises/03_JavaScript/javascript-basics-01/step5/Step_5.html similarity index 62% rename from 03_Exercises/03_JavaScript/javascript-basics-01/Step_5.html rename to 03_Exercises/03_JavaScript/javascript-basics-01/step5/Step_5.html index 60479f28..a27d3774 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_5.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step5/Step_5.html @@ -8,7 +8,11 @@


- -
+ + + + + + diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/step5/step5.js b/03_Exercises/03_JavaScript/javascript-basics-01/step5/step5.js new file mode 100644 index 00000000..39dfa7b6 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step5/step5.js @@ -0,0 +1,11 @@ +function mult() +{ + var numOne, numTwo, product; + numOne = parseInt(document.getElementById("first_number").value); + numTwo = parseInt(document.getElementById("second_number").value); + product= numOne * numTwo; + document.getElementById("txtresult").value = product; + + +} + diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/Step_6.html b/03_Exercises/03_JavaScript/javascript-basics-01/step6/Step_6.html similarity index 63% rename from 03_Exercises/03_JavaScript/javascript-basics-01/Step_6.html rename to 03_Exercises/03_JavaScript/javascript-basics-01/step6/Step_6.html index b019dccd..5751be33 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_6.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step6/Step_6.html @@ -8,7 +8,12 @@


- + + + +
+ + diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/step6/step6.js b/03_Exercises/03_JavaScript/javascript-basics-01/step6/step6.js new file mode 100644 index 00000000..fd0470eb --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step6/step6.js @@ -0,0 +1,10 @@ +function Reminder() +{ + var numOne, numTwo, reminder; + numOne = parseInt(document.getElementById("first_number").value); + numTwo = parseInt(document.getElementById("second_number").value); + reminder= numOne % numTwo; + document.getElementById("txtresult").value = reminder; + + +} \ No newline at end of file diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/Step_8.html b/03_Exercises/03_JavaScript/javascript-basics-01/step8/Step_8.html similarity index 54% rename from 03_Exercises/03_JavaScript/javascript-basics-01/Step_8.html rename to 03_Exercises/03_JavaScript/javascript-basics-01/step8/Step_8.html index 75804e8b..ed85d07f 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-01/Step_8.html +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step8/Step_8.html @@ -7,7 +7,11 @@

- + + +
+ + diff --git a/03_Exercises/03_JavaScript/javascript-basics-01/step8/step8.js b/03_Exercises/03_JavaScript/javascript-basics-01/step8/step8.js new file mode 100644 index 00000000..cddf2e27 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-01/step8/step8.js @@ -0,0 +1,15 @@ +function f8() +{ + var age, res; + age= parseInt(document.getElementById("age").value); + if(age<=17) + { + res="you are under 18"; + } + else{ + res="you are over 18"; + } + document.getElementById("txtresult").value = res; + + +} \ No newline at end of file diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 1/index.html b/03_Exercises/03_JavaScript/javascript-basics-02/step 1/index.html index 5ad09a67..a17f86da 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 1/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 1/index.html @@ -6,5 +6,6 @@ + diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 1/step1.js b/03_Exercises/03_JavaScript/javascript-basics-02/step 1/step1.js new file mode 100644 index 00000000..ced77151 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 1/step1.js @@ -0,0 +1,7 @@ +var element = document.querySelector('#image1'); +element.onmouseover=function(){ + element.src="images/image1_2.jpg"; +} +element.onmouseout=function(){ + element.src="images/image1.jpg"; +} \ No newline at end of file diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 2/index.html b/03_Exercises/03_JavaScript/javascript-basics-02/step 2/index.html index cf257909..10a06df8 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 2/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 2/index.html @@ -8,5 +8,6 @@
+ diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 2/step2.js b/03_Exercises/03_JavaScript/javascript-basics-02/step 2/step2.js new file mode 100644 index 00000000..ecc72b63 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 2/step2.js @@ -0,0 +1,4 @@ +var element = document.querySelector('input'); +element.onblur = function(){ + alert("thank you for participating!"); +} diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 3/index.html b/03_Exercises/03_JavaScript/javascript-basics-02/step 3/index.html index 308c0b89..19add81c 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 3/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 3/index.html @@ -8,5 +8,7 @@
+
+ diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 3/step3.js b/03_Exercises/03_JavaScript/javascript-basics-02/step 3/step3.js new file mode 100644 index 00000000..4082bbf2 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 3/step3.js @@ -0,0 +1,5 @@ +var element1 = document.querySelector('#newtext'); +var element2 = document.querySelector('input'); +element2.onchange = function(){ + element1.innerHTML+=element2.value; +} \ No newline at end of file diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 4/index.html b/03_Exercises/03_JavaScript/javascript-basics-02/step 4/index.html index f5086dfb..066ad3c1 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 4/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 4/index.html @@ -9,7 +9,8 @@ - + + diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 4/step4.js b/03_Exercises/03_JavaScript/javascript-basics-02/step 4/step4.js new file mode 100644 index 00000000..a6e52a0f --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 4/step4.js @@ -0,0 +1,10 @@ +function fh(){ + let res=prompt("you want to rest"); + if(res=="yes") + { + document.getElementById('name').value = ''; + document.getElementById('surname').value = ''; + document.getElementById('city').value = ''; + } + +} \ No newline at end of file diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 5/index.html b/03_Exercises/03_JavaScript/javascript-basics-02/step 5/index.html index fe14eb95..229fa872 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 5/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 5/index.html @@ -6,11 +6,12 @@
- - - - - + + + + +
+ diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 5/step5.js b/03_Exercises/03_JavaScript/javascript-basics-02/step 5/step5.js new file mode 100644 index 00000000..e232ed8d --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 5/step5.js @@ -0,0 +1,8 @@ + function myfunction(){ + document.getElementById("image1").src="./images/image1_2.jpg"; + document.getElementById("image2").src="./images/image2_2.jpg"; + document.getElementById("image3").src="./images/image3_2.jpg"; + document.getElementById("image4").src="./images/image4_2.jpg"; + document.getElementById("image5").src="./images/image5_2.jpg"; + +} \ No newline at end of file diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 6/index.html b/03_Exercises/03_JavaScript/javascript-basics-02/step 6/index.html index 2eecf4f9..1a433976 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-02/step 6/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 6/index.html @@ -5,10 +5,11 @@ Step 6 - - - - - + + + + + + diff --git a/03_Exercises/03_JavaScript/javascript-basics-02/step 6/step6.js b/03_Exercises/03_JavaScript/javascript-basics-02/step 6/step6.js new file mode 100644 index 00000000..23626e37 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-02/step 6/step6.js @@ -0,0 +1,16 @@ +function f1(){ + document.getElementById("image1").src="./images/image1_2.jpg"; + document.getElementById("image2").src="./images/image2_2.jpg"; + document.getElementById("image3").src="./images/image3_2.jpg"; + document.getElementById("image4").src="./images/image4_2.jpg"; + document.getElementById("image5").src="./images/image5_2.jpg"; + +} +function f2(){ + document.getElementById("image1").src="./images/image1.jpg"; + document.getElementById("image2").src="./images/image2.jpg"; + document.getElementById("image3").src="./images/image3.jpg"; + document.getElementById("image4").src="./images/image4.jpg"; + document.getElementById("image5").src="./images/image5.jpg"; + +} \ No newline at end of file diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 1/index.html b/03_Exercises/03_JavaScript/javascript-basics-03/step 1/index.html index eb4909df..6fd9c5ec 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-03/step 1/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 1/index.html @@ -5,6 +5,8 @@ Step 1 - + + + diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 1/step1.js b/03_Exercises/03_JavaScript/javascript-basics-03/step 1/step1.js new file mode 100644 index 00000000..fb20f530 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 1/step1.js @@ -0,0 +1,4 @@ +function f1(){ + document.getElementById("image1").style.border = "3px solid red"; +} + \ No newline at end of file diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 2/index.html b/03_Exercises/03_JavaScript/javascript-basics-03/step 2/index.html index aeff7fa1..3af6df49 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-03/step 2/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 2/index.html @@ -5,10 +5,11 @@ Step 2 -Show -Hide +Show +Hide

Joseph Dacre Carlyle (Carlisle, 4 juin 1758 - Newcastle upon Tyne, 12 avril 1804) est un orientaliste anglais.Après ses études à l'université de Cambridge, il y devint professeur d'arabe. En 1799, il fut attaché par le gouvernement britannique à l'ambassade de Lord Elgin dans l'Empire ottoman. Il était chargé d'explorer les bibliothèques de la région (principalement celle du Sérail) pour y découvrir (et y acquérir) des manuscrits inédits de textes antiques. Il se rendit aussi en Égypte, en Terre sainte et au mont Athos. Sa mission fut, de son point de vue, un échec. Il acheta quelques centaines d'ouvrages, principalement dans les bazars de Constantinople, mais aucun ne contenait de texte inédit. Cependant, la façon dont certains manuscrits avaient été acquis, principalement ceux du patriarche de Jérusalem Anthème Ier, ainsi que la querelle entamée sur la plaine de Troie entre Carlyle et un autre professeur de Cambridge, Edward Daniel Clarke, allaient être utilisées, après la mort de Carlyle, contre Lord Elgin, dans les controverses autour de l'acquisition des « marbres d'Elgin ».De retour en Grande-Bretagne à l'automne 1801, Joseph Dacre Carlyle entama une traduction en arabe de la Bible. Sa mort en avril 1804 coupa court à ce travail.

+ diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 2/step2.js b/03_Exercises/03_JavaScript/javascript-basics-03/step 2/step2.js new file mode 100644 index 00000000..770e69f4 --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 2/step2.js @@ -0,0 +1,12 @@ +function fn(a) +{ + + if(a==1) + { + document.getElementById("texte").style.display="block"; + } + else{ + document.getElementById("texte").style.display="none"; + } + +} \ No newline at end of file diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 3/index.html b/03_Exercises/03_JavaScript/javascript-basics-03/step 3/index.html index 0db3888c..d8a255e9 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-03/step 3/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 3/index.html @@ -10,9 +10,11 @@

Tara, originellement nommée Antarctica puis Seamaster, est une goélette française destinée à la fois à l'exploration et à la défense de l'environnement. Dans le cadre de l'Année polaire internationale, en 2007-2008, ce voilier est utilisé en Arctique par l'expédition Tara Arctic dans le but de faire des relevés permettant de mieux comprendre les changements climatiques qui s'opèrent en Arctique. En 2009, dans le cadre de l'expédition Tara Oceans, Tara parcourt les mers et les océans dans une circumnavigation de trois ans afin d'étudier le piégeage des molécules de gaz carbonique (CO2) par les micro-organismes marins comme le plancton. En avril 2016, une nouvelle expédition est montée Tara Pacific dont l'objectif est de comprendre le corail, menacé par des facteurs humains et climatiques1.

-
-
-
+
+
+
+ + diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 3/step3.js b/03_Exercises/03_JavaScript/javascript-basics-03/step 3/step3.js new file mode 100644 index 00000000..544b310f --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 3/step3.js @@ -0,0 +1,16 @@ +function fn(a) +{ + if(a==1) + { + document.getElementById("text").style.color="green" + } + else if(a==2) + { + document.getElementById("text").style.color="red" + + } + else if(a==3){ + document.getElementById("text").style.color="blue" + + } +} \ No newline at end of file diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 4/index.html b/03_Exercises/03_JavaScript/javascript-basics-03/step 4/index.html index cab276b0..7bad5c25 100644 --- a/03_Exercises/03_JavaScript/javascript-basics-03/step 4/index.html +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 4/index.html @@ -8,7 +8,8 @@
- + +
diff --git a/03_Exercises/03_JavaScript/javascript-basics-03/step 4/step4.js b/03_Exercises/03_JavaScript/javascript-basics-03/step 4/step4.js new file mode 100644 index 00000000..7501700a --- /dev/null +++ b/03_Exercises/03_JavaScript/javascript-basics-03/step 4/step4.js @@ -0,0 +1,9 @@ +function fn(){ + var e1=document.getElementById('password').value; + var e2=document.getElementById('confirmation').value; + if(e1!=e2) + { + document.getElementById('password').style.border="solid red"; + document.getElementById('confirmation').style.border="solid red"; + } +} \ No newline at end of file diff --git a/04_Challenges/cv-styling-master/public/images/profile.jpg b/04_Challenges/cv-styling-master/public/images/profile.jpg new file mode 100644 index 00000000..35a38550 Binary files /dev/null and b/04_Challenges/cv-styling-master/public/images/profile.jpg differ diff --git a/04_Challenges/cv-styling-master/public/style1/index.html b/04_Challenges/cv-styling-master/public/style1/index.html index c40c1144..fd015cf7 100644 --- a/04_Challenges/cv-styling-master/public/style1/index.html +++ b/04_Challenges/cv-styling-master/public/style1/index.html @@ -7,36 +7,38 @@ - + JStudent | CV - + + +
-
-
-
-

Student Name

+
+
+
+

Sarah Hachouche

Codes and Sleeps

-
- Student Name +
+ my pic
-

About

+

About

- Pellentesque nec nisi at sapien sagittis sagittis. Aliquam eu condimentum mauris. Proin accumsan enim at risus hendrerit lobortis. Nunc sollicitudin sodales lectus, et rhoncus mi molestie hendrerit. Vestibulum velit lorem, rhoncus a congue ultricies, faucibus facilisis risus. Mauris turpis ante, aliquet ac venenatis at, ornare ut velit. Duis ut erat neque, eget consectetur tellus. + this is about me am sarah this is about me i am sarah i love coding hello how are you this is about me about about about batata am programmer i love ds ds is my love

-

Competencies

+

Competencies

HTML @@ -50,43 +52,42 @@

Competencies

- HTML + Java
- CSS + C
- Javascript + prolog
-

Experiences

+

Experiences

- Man2ouche Seller - Snack Edouard + Batata Seller + Edouard store

- Paris + Lebanon - 30 + 20 / 12 / - 1995 + 2020

- Pellentesque nec nisi at sapien sagittis sagittis. Aliquam eu condimentum mauris. Proin accumsan enim at risus hendrerit lobortis. Nunc sollicitudin sodales lectus, et rhoncus mi molestie hendrerit. Vestibulum velit lorem, rhoncus a congue ultricies, faucibus facilisis risus. Mauris turpis ante, aliquet ac venenatis at, ornare ut velit. Duis ut erat neque, eget consectetur tellus. + Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti, vel? Quibusdam optio tempore repudiandae amet ducimus a quo sunt ratione iure quaerat.

- Man2ouche Seller - Snack Edouard + TOmamto Seller

@@ -106,7 +107,7 @@

-

Education

+

Education

Web Stack Training @@ -151,7 +152,7 @@

-

Hobbies

+

Hobbies

  • Watching Youtube
  • Sleeping
    • diff --git a/04_Challenges/cv-styling-master/public/style1/style2.css b/04_Challenges/cv-styling-master/public/style1/style2.css new file mode 100644 index 00000000..d56f7513 --- /dev/null +++ b/04_Challenges/cv-styling-master/public/style1/style2.css @@ -0,0 +1,279 @@ +h2 , .experience-institution{ + visibility: hidden; +} + +body { + padding-left: 10%; + padding-right: 10%; + padding-top: 50px; + padding-bottom: 10px; + font-family: arial; +} + +figure { + position: absolute; + top: -20px; + right: 0%; + transform: rotate(-15deg); +} + +#about h3 { + visibility: hidden; + position: relative; +} + +#about p { + position: relative; + top: -30px; +} + +#about { + width: 70%; + font-size: 12px; + font-style: oblique; + color: rgba(0, 0, 0, 0.5); + border-top: 1px solid #7f7f7f; +} + +hgroup h1 { + margin: 0; + margin-top: 20px; +} + +header { + position: relative; +} + +#about { + position: relative; + top: -50px; +} + +#competencies { + display: grid; + height: 120px; + grid-template-columns: 135px 1fr; + grid-template-rows: 1fr 1fr; + margin-bottom: 40px; +} + +@media screen and (min-width: 801px) { + section h3 { + margin: 0; + width: 135px; + border-right: 1px solid #000000; + grid-row: 1/3; + } + #experiences h3, #education h3 { + grid-row: 1/3; + border-right: 1px solid #000000; + } + #about{ + padding-top: 20px; + } +} +.experience-type , .experience-date-separator{ + color: #008080; +} +.experience-details{ + color: rgba(26, 26, 26, 0.5); +} +#competencies .skills-primary { + display: flex; + padding-left: 20px; + font-size: 24px; + align-items: center; +} + +#competencies .skill { + display: flex; + justify-content: space-between; + width: 150px; + padding: 10px; + margin-right: 10px; + color: white; + background-color: #008080; +} +#experiences .experience-institution, #education .experience-institution { + display: none; +} + +#experiences .experience, #education .experience { + display: grid; + grid-template-columns: 1fr 1fr; + grid-template-rows: 60px 1fr; + margin-bottom: 30px; + padding-left: 20px; +} + +#experiences .experience-description, #education .experience-description { + grid-column: 1 / 4; + grid-row: 2 / 4; +} + +#experiences .experience-details, #education .experience-details { + justify-self: flex-end; +} +#competencies .skills-primary { + display: flex; + padding-left: 20px; + align-items: center; +} + +[data-skill="5"]:after { + content: "\2605\2605\2605\2605\2605"; +} + +[data-skill="3"]:after { + content: "\2605\2605\2605\2605"; +} + +[data-skill="1"]:after { + content: "\2605\2605"; +} + +#competencies .skills-secondary { + display: flex; + padding-left: 20px; + align-items: center; +} + +[data-skill="9"]:after { + content: "\2605\2605\2605\2605"; +} + +[data-skill="5"]:after { + content: "\2605\2605\2605"; +} + +[data-skill="7"]:after { + content: "\2605\2605"; +} +#experiences, #education { + display: grid; + height: 400px; + grid-template-columns: 135px 1fr; + grid-template-rows: 1fr 1fr; + margin-bottom: 40px; +} + +@media screen and (max-width: 800px) { + body div { + max-width: 550px; + margin: auto; + } + header figure { + display: none; + } + #about { + width: 100%; + } + .content { + display: flex; + flex-direction: column; + } + #competencies, #experiences, #education, #hobbies { + height: unset; + display: flex; + flex-direction: column; + margin-bottom: 0px; + } + section #competencies { + width: auto; + } + #competencies .skills-primary, #competencies .skills-secondary { + padding-left: 0; + margin: 5px 0; + } + section h3 { + border-bottom: 1px solid black; + width: 130px; + padding-bottom: 20px; + } + #experiences .experience, #education .experience { + padding-left: 0; + } + #hobbies h3 { + height: unset; + padding-bottom: 20px; + } + #contact .contacts { + display: unset; + } + .contacts dl { + display: inline-block; + } + #contact .contact-skype { + visibility: hidden; + } +} +#contact { + padding-bottom: 20px; +} + +#contact h3 { + display: none; +} + +.contacts { + display: flex; + justify-content: center; +} + +.contact-type { + display: none; +} + +.contact-skype { + display: none; +} + +.contact-email .contact-value, .contact-phone .contact-value, .contact-github .contact-value, .contact-facebook .contact-value { + width: 100px; + height: 100px; + overflow: hidden; +} + +.contact-email .contact-value a::before { + content: ""; + display: inline-block; + width: 100px; + height: 100px; + background: url(../images/email.png); + background-size: cover; + background-repeat: no-repeat; + background-position: center; +} + +.contact-phone a::before { + content: ""; + display: inline-block; + width: 100px; + height: 100px; + background: url(../images/phone.png); + background-size: cover; + background-repeat: no-repeat; + background-position: center; +} + +.contact-github a::before { + content: ""; + display: inline-block; + width: 100px; + height: 100px; + background: url(../images/github.png); + background-size: cover; + background-repeat: no-repeat; + background-position: center; +} + +.contact-facebook a::before { + content: " "; + display: inline-block; + width: 100px; + height: 100px; + background: url(../images/facebook.png); + background-size: cover; + background-repeat: no-repeat; + background-position: center; +} \ No newline at end of file