From 6a71827e50f3b29201b56121d052fb6848b966db Mon Sep 17 00:00:00 2001 From: AnasJamous Date: Mon, 11 Dec 2017 11:15:10 +0200 Subject: [PATCH] Two style for CSS --- email.png | Bin 0 -> 20397 bytes index.html | 62 +++++++++++---- style.css | 93 +++++++++++++++++++++++ style2.css | 218 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 358 insertions(+), 15 deletions(-) create mode 100644 email.png create mode 100644 style.css create mode 100644 style2.css diff --git a/email.png b/email.png new file mode 100644 index 0000000000000000000000000000000000000000..7a2e12dce59b89f8d68d36ab246aae5f624299cd GIT binary patch literal 20397 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 literal 0 HcmV?d00001 diff --git a/index.html b/index.html index f4587c8..066bf70 100644 --- a/index.html +++ b/index.html @@ -11,11 +11,16 @@ Jad Sarout | CV - + + + + -
+
@@ -31,31 +36,34 @@

Codes and Sleeps

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. + 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.

-
+

Competencies

- HTML + HTML ★★★
- CSS + CSS ★★
- Javascript + Javascript ★
- HTML + HTML ⋆⋆⋆
- CSS + CSS ⋆⋆
- Javascript + Javascript ⋆
@@ -79,7 +87,11 @@

- 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. + 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.

@@ -100,7 +112,11 @@

- 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. + 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.

@@ -124,7 +140,11 @@

- 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. + 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.

@@ -145,7 +165,11 @@

- 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. + 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.

@@ -164,6 +188,7 @@

Contact

Email
jad@codi.tech +
@@ -185,12 +210,19 @@

Contact

Facebook
- Jad Sarout + Jad Sarout
+
    +
    • +
    • +
    • +
    • + +
\ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..9431bb9 --- /dev/null +++ b/style.css @@ -0,0 +1,93 @@ +body { + background-color: rgb(255, 255, 255) + } +header { + background-color: gray + + + + } +header h1 { + color: red; + font-family: Arial, Helvetica, sans-serif; + font-size: 40px + + + } +header h2 { + color: red; + font-size: 30px; + word-spacing: 10px; + + } +header figure { + position: absolute; + top: 30px; + right: 700px; + } +header div + { + padding:30px + } + +section { + width: 49%; + float: left; + } +h3 { + text-decoration: underline; +} + +h3:before{ + content: "⚫"; + color: red; +} + +#wrapper{ + widows: px; + + background:orange; +} +.skill { + background-color: rgb(163, 160, 160); + padding: 10px; + margin:10px; + } + /*.skill span {background-color: red; + padding: 8px; } */ +h4 {color: rgb(231, 62, 62);} +.experience-date span {color: rgb(187, 183, 183)} +.experience-details span {color: rgb(187, 183, 183)} +#contact { + display: block; + position: absolute; + right: 0px; + top: -38px; + } +.contact-type { + width: 135px; + float: left; + background-color: red; + color: white; +} +.contact-value { + background-color: rgb(0, 0, 0); + width: 500px; + color: red; + } + +[data-skill="5"] span {width: 50%; background-color: rgb(204, 42, 42); display: block; padding: 1px} +[data-skill="3"] span {width: 30%; background-color: rgb(204, 42, 42); display: block;} +[data-skill="7"] span {width: 70%; background-color: rgb(204, 42, 42); display: block;} +[data-skill="9"] span {width: 90%; background-color: rgb(204, 42, 42); display: block;} +[data-skill="1"] span {width: 10%; background-color: rgb(204, 42, 42); display: block;} + + + +.skill ection{ + back5round-color: rgb(121, 116, 116); +} + + + +/* media queries */ \ No newline at end of file diff --git a/style2.css b/style2.css new file mode 100644 index 0000000..8cd1314 --- /dev/null +++ b/style2.css @@ -0,0 +1,218 @@ +body,html{ + margin:5px; + padding:0; +} + +#wrapper{ + width:800px; + margin:auto; + background:white; +} + +section{ + position:relative; +} + +h3{ + position:absolute; + top:0; + left:20px; + margin:0; +} + +section>p, section>div, section>ul{ + position:relative; + top:0; + margin-left:200px; + padding-left:20px; + border-left: 2px solid rgb(104, 103, 103); +} + +#about h3 , h2{ + display: none; +} +#about>p{ + padding:5px; + margin:0px; + border-left:none; + color: gray; + border-bottom: solid 100px white; + +} +img { + float: right; + margin: -80px -27px 0 0; + transform: rotate(-8deg); +} +h1 { + border-bottom: solid 2px rgb(114, 107, 107) ; +} +h4 { + color: #41808c; +} +.skill { + border: 1px solid black; + float: left; + background-color: rgb(2, 134, 128); + width:30%; + padding: 2px; + margin-bottom: 4px; + color: white; +} +.skills-primary { + font-size: x-large; +} +.skills-secondary{ + font-size: small; +} +#competencies { + padding-bottom: 100px; +} + +.contacts::after{ + display: table; + width:100%; + clear:both; + content: ' '; +} + +.contact-value a{ + background:rgb(255, 255, 255); + display:block; + float:left; + width: 50px; + height:50px; + border-radius: 50%; + margin-right:10px; + background-image: url('images/email.png'); + background-size:cover; + color:transparent; + margin-top: 100px; + padding: 5px; +} + +#contact h3{ + display: none; +} + + +.contact-skype .contact-value{ + display:none; +} + +.contact-type{ + display:none; +} + +body > ul{ + display:none; +} + +ul { + display: flex; + position: absolute; + bottom: -111%; + left: 50%; + transform: translate(-50%,-50%); + +} +ul li { + list-style: none; +} +ul li a { + width: 80px; + height: 80px; + background-color: #076e72; + text-align: center; + line-height: 80px; + font-size: 35px; + margin: 0 10px; + display: block; + border-radius: 50%; + position: relative; + overflow: hidden; + border: 3px solid #fff; + z-index: 1; +} +ul li a .fa { + position: relative; + transition: .5s; +} +ul li a .fa { + position: relative; + transition: .5s; +} +ul li a .fa { + position: relative; + transition: .5s; + z-index: 3; +} +ul li a:hover .fa { + color: #fff; + transform: rotateY(360deg); +} +ul li a:before { + content: ''; + position: absolute; + top: 100%; + left: 0; + width: 100%; + height: 100%; + background-color: #f00; + transition: .5s; + z-index: 2; +} +ul li a:hover:before{ + top:0; + +} +ul li:nth-child(1) a:before { + background-color: #0d1b38; +} +ul li:nth-child(2) a:before { + background-color: #55acee; +} +ul li:nth-child(3) a:before { + background-color: #eea755; +} +ul li:nth-child(4) a:before { + background-color: #ff3300; + background-image: url("images/email.png"); +} +.contact-phone .contact-value a{ + background:rgb(169, 182, 185); + display:block; + float:left; + width: 50px; + height:50px; + border-radius: 50%; + margin-right:10px; + background-image: url('images/phone.png'); + background-size:cover; + color:transparent; +} +.contact-github .contact-value a{ + background:rgb(4, 104, 134); + display:block; + float:left; + width: 50px; + height:50px; + border-radius: 50%; + margin-right:10px; + background-image: url('images/github.png'); + background-size:cover; + color:transparent; +} +.contact-facebook .contact-value a{ + background:rgb(4, 104, 134); + display:block; + float:left; + width: 50px; + height:50px; + border-radius: 50%; + margin-right:10px; + background-image: url('images/facebook.png'); + background-size:cover; + color:transparent; +} +