diff --git a/Week1/homework/CLI.txt b/Week1/homework/CLI.txt new file mode 100644 index 0000000..aebd34c --- /dev/null +++ b/Week1/homework/CLI.txt @@ -0,0 +1,14 @@ +1: How do I create a hidden file or folder? How do I display it in the CLI? +use mkdir to create a file and then hide file by add "." at the beginning of the name of file. We can see hidden files by type " ls -a ". + +2: How do I create multiple nested directories, like /c/Users/myusername/these/folders/are/just/for/fun? +by this code: " mkdir -p /myusername/these/folders/are/just/for/fun " . + +3: How do I append a message to a file, without a newline character, so the output would be: +first message +second message +by this code: 'echo "first message" >> CLI.txt' and 'echo "second message" >> CLI.txt' . + + + + diff --git a/Week1/homework/digitalresume/avatar5.jpg b/Week1/homework/digitalresume/avatar5.jpg new file mode 100644 index 0000000..2a5ef9b Binary files /dev/null and b/Week1/homework/digitalresume/avatar5.jpg differ diff --git a/Week1/homework/digitalresume/index.html b/Week1/homework/digitalresume/index.html new file mode 100644 index 0000000..0e08eac --- /dev/null +++ b/Week1/homework/digitalresume/index.html @@ -0,0 +1,53 @@ + + + + Digital Resume + + + + +
+
+ girl +
+
+

About Me

+
+
+
+
    +
  • Name: Sanaz
    • +
  • Date of Birth: October 07, 1989
    • +
  • Marital Status: Single
    • +
  • My Website: sanazgithub.com
    • +
+
+
+ +
+
+

Education

+
+
+
    +
  • M.Sc. Civil and Environmental Engineering (Water Resource Engineering)
    • +
  • B.Sc. Civil and Environmental Engineering (Water Engineering)
    • +
+
+
+ +
+
+

Work Experience

+
+ +

Control project managment

+

Project Controllers, sometimes referred to as Project Control Analysts, are responsible for working within all stages of project management. Their primary role is to work closely with project managers to ensure that all budgeting, scheduling and coordination processes run smoothly.

+

GIS Specialist

+

Geographic Information Systems (GIS) Specialists design, develop, and implement systems and databases to access and store geospatial data. They analyze this data utilizing mapping software. GIS Specialists design digital maps using geospatial data and analyze spatial and non-spatial information. +

+
+ +
+ + \ No newline at end of file diff --git a/Week1/homework/digitalresume/style.css b/Week1/homework/digitalresume/style.css new file mode 100644 index 0000000..f85a6df --- /dev/null +++ b/Week1/homework/digitalresume/style.css @@ -0,0 +1,109 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} +body { + margin-top: 50px; + background-color: #9dc5c3; + background-image: linear-gradient(315deg, #9dc5c3 0%, #5e5c5c 74%); +} + +.flexbox-container { + margin: auto; + width: 60%; +} + +.flexbox-item { + margin-bottom: 10px; + border: 3px solid #333; + background-color: #cacac9; + border-radius: 10px; + min-height: 100px; + width: 100%; +} + +.A-Bout-Me { + line-height: 30px; +} + +.Education { + font-size: 20px; + line-height: 30px; + font-family: The Quick Fox Jumps Over The Lazy Dog; +} + +img { + border-radius: 50%; + padding: 20px; + margin-top: 20px; + margin-left: 20px; +} + +h1 { + padding-left: 10px; + font-size: 30px; + margin-top: 20px; + margin-bottom: 20px; +} + +h2 { + padding-left: 15px; + padding-bottom: 0px; + font-size: 20px; +} + +p { + padding: 20px; + line-height: 30px; + text-align: justify; + font-family: The Quick Brown Fox Jumps Over The Lazy Dog; + font-size: 18px; +} +a { + color: blue; +} +a:hover { + color: rgb(252, 6, 6); +} + +.name { + margin-top: 20px; + margin-right: 100px; + margin-bottom: 50px; + margin-left: 250px; + font-family: The Quick Brown Fox Jumps Over The Lazy Dog; +} +.nameOne { + margin-top: 20px; + margin-right: 100px; + margin-bottom: 20px; + margin-left: 225px; +} +.nameTwo { + font-family: The Quick Brown Fox Jumps Over The Lazy Dog; + font-size: 18px; + padding: 20px; + margin-left: 20px; +} + +.Education span { + background-color: #edeef2; + border: 2px double #eff0f4; + border-radius: 0 20% 0% 20%; + padding: 5px; + margin-top: 20px; +} + +.A-Bout-Me span { + background-color: #edeef2; + border: 2px double #eff0f4; + border-radius: 0 20% 0% 20%; +} + +.Work-Experience span { + background-color: #edeef2; + border: 2px double #eff0f4; + border-radius: 0 20% 0% 20%; + padding: 5px; +} diff --git a/Week2/homework/images/drone1.png b/Week2/homework/Drones-Website/images/drone1.png similarity index 100% rename from Week2/homework/images/drone1.png rename to Week2/homework/Drones-Website/images/drone1.png diff --git a/Week2/homework/images/drone2.png b/Week2/homework/Drones-Website/images/drone2.png similarity index 100% rename from Week2/homework/images/drone2.png rename to Week2/homework/Drones-Website/images/drone2.png diff --git a/Week2/homework/images/drone3.png b/Week2/homework/Drones-Website/images/drone3.png similarity index 100% rename from Week2/homework/images/drone3.png rename to Week2/homework/Drones-Website/images/drone3.png diff --git a/Week2/homework/images/drone4.png b/Week2/homework/Drones-Website/images/drone4.png similarity index 100% rename from Week2/homework/images/drone4.png rename to Week2/homework/Drones-Website/images/drone4.png diff --git a/Week2/homework/images/drone5.png b/Week2/homework/Drones-Website/images/drone5.png similarity index 100% rename from Week2/homework/images/drone5.png rename to Week2/homework/Drones-Website/images/drone5.png diff --git a/Week2/homework/images/drone6.png b/Week2/homework/Drones-Website/images/drone6.png similarity index 100% rename from Week2/homework/images/drone6.png rename to Week2/homework/Drones-Website/images/drone6.png diff --git a/Week2/homework/images/drone7.png b/Week2/homework/Drones-Website/images/drone7.png similarity index 100% rename from Week2/homework/images/drone7.png rename to Week2/homework/Drones-Website/images/drone7.png diff --git a/Week2/homework/index.html b/Week2/homework/Drones-Website/index.html similarity index 100% rename from Week2/homework/index.html rename to Week2/homework/Drones-Website/index.html diff --git a/Week2/homework/Drones-Website/style.css b/Week2/homework/Drones-Website/style.css new file mode 100644 index 0000000..7b37dcb --- /dev/null +++ b/Week2/homework/Drones-Website/style.css @@ -0,0 +1,203 @@ +* { + padding: 0; + margin: 0; + box-sizing: border-box; +} + +body { + background-color: #222c35; + color: black; + margin-left: 70px; + margin-right: 70px; +} + +h1 { + border: 3px solid #6d747a; + background-color: #6d747a; + font-size: 40px; + font-family: Georgia, 'Times New Roman', Times, serif; + text-align: center; + padding: 35px; + margin-bottom: 5px; +} + +h2 { + border: 3px solid #f94b2f; + background-color: #f94b2f; + font-size: 35px; + text-align: center; + font-family: 'Times New Roman', Times, serif; + padding: 30px; + margin-bottom: 10px; + margin-top: 10px; + clear: both; +} + +h3 { + padding: 10px; + font-size: 20px; + text-align: center; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', + 'Lucida Sans', Arial, sans-serif; +} + +p { + padding: 10px; + font-size: 18px; + text-align: justify; + font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; +} + +img { + width: 150px; + height: auto; + margin-bottom: 5px; + margin-right: 5px; + margin-left: 50px; +} +.grid-item img { + display: block; + margin-left: auto; + margin-right: auto; + width: 50%; +} + +section ul li { + border: 3px solid #6d747a; + background-color: white; + border-radius: 20px; + list-style: none; + margin-top: 10px; + margin-bottom: 10px; + width: 23%; + height: 400px; + margin: 5px 5px 5px 5px; +} + +section ul li:hover { + color: #f94b2f; + background-color: rgb(240, 240, 240); + transform: scale(1.1) perspective(1px); +} + +/* Float */ + +.grid-floats .grid-item { + float: left; +} + +.grid-floats .grid-item:first-child { + width: 47%; +} +/* Flex */ + +.grid-flex { + display: flex; + flex-wrap: wrap; +} + +.grid-flex .grid-item:first-child { + width: 47%; +} + +/* responsive */ + +@media only screen and (max-width: 600px) { + h3 { + font-size: 20px; + } + + p { + font-size: 18px; + } + h1 { + font-size: 30px; + } + + h2 { + font-size: 25px; + } + + section ul li { + margin-top: 10px; + margin-bottom: 10px; + width: 100%; + height: 400; + } + + .grid-floats .grid-item:first-child { + width: 100%; + } + + .grid-flex .grid-item:first-child { + width: 100%; + } +} + +@media only screen and (min-width: 601px) and (max-width: 1024px) { + h3 { + font-size: 15px; + } + + p { + font-size: 15px; + } + + section ul li { + margin-top: 10px; + margin-bottom: 10px; + width: 31%; + height: 450px; + } + + .grid-floats .grid-item:first-child { + width: 47%; + height: 310px; + } + + .grid-floats li:nth-child(2) { + width: 47%; + height: 310px; + } + + .grid-flex .grid-item:first-child { + width: 47%; + height: 310px; + } + + .grid-flex li:nth-child(2) { + width: 47%; + height: 310px; + } +} + +@media only screen and (max-width: 356px) { + h3 { + font-size: 15px; + } + + p { + font-size: 16px; + } + h1 { + font-size: 25px; + } + + h2 { + font-size: 20px; + } + section ul li { + margin-top: 10px; + margin-bottom: 10px; + width: 100%; + height: 100%; + } + + .grid-floats .grid-item:first-child { + width: 100%; + } + + .grid-flex .grid-item:first-child { + width: 100%; + } +} diff --git a/Week2/homework/favorite-cmd-commands.txt b/Week2/homework/favorite-cmd-commands.txt new file mode 100644 index 0000000..50ab00c --- /dev/null +++ b/Week2/homework/favorite-cmd-commands.txt @@ -0,0 +1,7 @@ +cd : changing directory + +touch (file name) : create a new and empty file. + +mkdir(filename) : create a folder or directory. + +code . : Open directory in default code editor. \ No newline at end of file diff --git a/Week3/homework/responsive-website/README.md b/Week3/homework/responsive-website/README.md new file mode 100644 index 0000000..a82fa37 --- /dev/null +++ b/Week3/homework/responsive-website/README.md @@ -0,0 +1,2 @@ +# Responsive website +## Link to App ([Link](https://sanaz-git.github.io/HTML-CSS/Week3/homework/responsive-website/)) diff --git a/Week3/homework/responsive-website/css/style.css b/Week3/homework/responsive-website/css/style.css new file mode 100644 index 0000000..e450323 --- /dev/null +++ b/Week3/homework/responsive-website/css/style.css @@ -0,0 +1,319 @@ +* { + padding: 0; + margin: 0; + box-sizing: border-box; +} + +/**** section-0 *****/ + +nav { + font-family: Arial, Helvetica, sans-serif; +} + +.nav-extended { + padding-left: 13%; + padding-right: 13%; +} +.nav-extended ul li a { + font-size: 80%; +} + +.navfix a { + font-size: 1.4vw; + padding: 0 5px; +} + +.nav-wrapper a img { + vertical-align: middle; + padding-top: 10px; + padding-bottom: 5px; + margin-right: 10px; + margin-left: 10px; +} + +.fixborder { + border: 3px solid white; +} + +/**** section-1 ****/ +h1 { + font-weight: 500; +} + +.p1 { + text-align: left; + font-size: 19px; + padding-bottom: 20px; +} + +.black-text { + padding-top: 100px; +} + +/* section-2 */ + +#image { + height: 70px !important; + background-color: white; + margin-top: 30px; + margin-bottom: 30px; +} + +/* section-3 */ + +.row { + text-align: center; +} + +.row .card { + background-color: #f3f6f9; + min-height: 100px !important; + padding-bottom: 50px; +} + +.row .card .card-image { + padding-bottom: 10px !important; + display: block; + margin-left: auto; + margin-right: auto; +} + +#width { + width: 15%; +} + +#padding { + padding-top: 80px; +} + +.card-title { + font-weight: 500 !important; + font-size: 30px !important; + padding-bottom: 10px !important; +} + +.link a { + color: #0abf53 !important; +} + +.backcolor-1 { + background-color: #f3f6f9; +} + +/* section-4 */ + +.topic-1 { + font-size: 45px; + padding-right: 25%; + padding-left: 25%; + padding-top: 50px; +} + +.p2 { + text-align: center; + padding-left: 30%; + padding-right: 30%; + font-size: 18px; + padding-bottom: 10px; +} + +.link-4 { + color: #0abf53; + padding-top: 20px; +} + +/* section-5 */ + +.topic-2 { + text-align: left; + font-size: 19px; + background-color: white; +} +.p3 { + text-align: left; + text-align: justify; + font-size: 18px; +} +.link-2 { + text-align: left; + background-color: white; +} + +.link-2 a { + color: #0abf53 !important; + padding-top: 10px !important; +} + +.link-3 { + text-align: left; + background-color: white; +} + +.link-3 a { + color: #0abf53 !important; + padding-top: 10px !important; +} + +/* section-6-1 */ + +.backcolor-2 { + background-color: #03132d; + color: white; + padding-bottom: 30px; +} + +h1 { + text-align: left; + font-size: 50px; + padding-top: 40px; +} + +.p4 { + text-align: left; + font-size: 22px; + color: white; +} + +#padding-2 { + padding-top: 80px; + background-color: #03132d; +} + +/* section-6-2 */ + +.p5 { + font-size: 15px; + text-align: left; +} + +.topic-4 { + font-size: 19px; + text-align: left; +} + +.link-5 { + padding-top: 10px; +} +.link-5 a { + color: #0abf53 !important; +} + +/* section-7 */ + +.backcolor-3 { + background-color: #0abf53; + padding-bottom: 30px; +} + +.topic-5 { + font-size: 40px; + padding-right: 18%; + padding-left: 18%; + padding-top: 30px; +} + +.link .sub-2 { + background-color: #000000 !important; + color: white !important; +} + +/* footer */ +.backcolor-4 { + background-color: #03132d; +} + +.topic-6 { + color: white; + font-size: 20px; + text-align: left; +} + +.list { + font-size: 15px; + text-align: left; +} + +.subtopic { + color: white; + font-size: 12px; + padding-bottom: 20px; +} + +.backcolor-5 { + width: 40px; + border: 1px solid #6d747a; + border-radius: 5px; + padding: 7px; +} + +/********* responsive **********/ +@media only screen and (max-width: 600px) { + .nav-extended { + padding-left: 5%; + padding-right: 5%; + } + + .black-text { + padding-top: 1px; + } + + .responsive-video { + padding-top: 10px; + } + + .topic-1 { + font-size: 35px; + padding-left: 10%; + padding-right: 10%; + } + + #padding { + padding-top: 30px; + } + + #width { + width: 10%; + } + + .p2 { + font-size: 16px; + padding-left: 15%; + padding-right: 15%; + } + .topic-5 { + font-size: 25px; + padding-right: 8%; + padding-left: 8%; + } +} + +@media only screen and (min-width: 601px) and (max-width: 1024px) { + .nav-extended { + padding-left: 7%; + padding-right: 7%; + } + + .topic-5 { + font-size: 30px; + padding-right: 8%; + padding-left: 8%; + } + h1 { + font-weight: 500; + font-size: 40px; + } + + .p1 { + text-align: left; + font-size: 19px; + padding-bottom: 20px; + } + + .black-text { + padding-top: 0px; + } + + .text-color { + font-size: 5px; + } +} diff --git a/Week3/homework/responsive-website/gif/homepage-payment-methods-EN.gif b/Week3/homework/responsive-website/gif/homepage-payment-methods-EN.gif new file mode 100644 index 0000000..f47a47b Binary files /dev/null and b/Week3/homework/responsive-website/gif/homepage-payment-methods-EN.gif differ diff --git a/Week3/homework/responsive-website/image/1.svg b/Week3/homework/responsive-website/image/1.svg new file mode 100644 index 0000000..fa2e1cf --- /dev/null +++ b/Week3/homework/responsive-website/image/1.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/Week3/homework/responsive-website/image/2.svg b/Week3/homework/responsive-website/image/2.svg new file mode 100644 index 0000000..af30a93 --- /dev/null +++ b/Week3/homework/responsive-website/image/2.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/Week3/homework/responsive-website/image/3.svg b/Week3/homework/responsive-website/image/3.svg new file mode 100644 index 0000000..45c6f06 --- /dev/null +++ b/Week3/homework/responsive-website/image/3.svg @@ -0,0 +1,17 @@ + + + + + + + + + diff --git a/Week3/homework/responsive-website/image/4.svg b/Week3/homework/responsive-website/image/4.svg new file mode 100644 index 0000000..9bdb060 --- /dev/null +++ b/Week3/homework/responsive-website/image/4.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Week3/homework/responsive-website/image/Browser.png b/Week3/homework/responsive-website/image/Browser.png new file mode 100644 index 0000000..e9d1506 Binary files /dev/null and b/Week3/homework/responsive-website/image/Browser.png differ diff --git a/Week3/homework/responsive-website/image/Group 50378.jpg b/Week3/homework/responsive-website/image/Group 50378.jpg new file mode 100644 index 0000000..e2d33e7 Binary files /dev/null and b/Week3/homework/responsive-website/image/Group 50378.jpg differ diff --git a/Week3/homework/responsive-website/image/adyen-header-logo-green.svg b/Week3/homework/responsive-website/image/adyen-header-logo-green.svg new file mode 100644 index 0000000..05aa305 --- /dev/null +++ b/Week3/homework/responsive-website/image/adyen-header-logo-green.svg @@ -0,0 +1,10 @@ + + adyen-header-logo-green + + + + + + + + diff --git a/Week3/homework/responsive-website/image/booking-com-logobar-svg.svg b/Week3/homework/responsive-website/image/booking-com-logobar-svg.svg new file mode 100644 index 0000000..3318961 --- /dev/null +++ b/Week3/homework/responsive-website/image/booking-com-logobar-svg.svg @@ -0,0 +1,33 @@ + + + + booking-com-logo-bar + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Week3/homework/responsive-website/image/ebay-logobar.svg b/Week3/homework/responsive-website/image/ebay-logobar.svg new file mode 100644 index 0000000..38dbc10 --- /dev/null +++ b/Week3/homework/responsive-website/image/ebay-logobar.svg @@ -0,0 +1,15 @@ + + + + ebay-logobar + Created with Sketch. + + + + + \ No newline at end of file diff --git a/Week3/homework/responsive-website/image/global-acquiring-icon-20-white.svg b/Week3/homework/responsive-website/image/global-acquiring-icon-20-white.svg new file mode 100644 index 0000000..fa2e1cf --- /dev/null +++ b/Week3/homework/responsive-website/image/global-acquiring-icon-20-white.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/Week3/homework/responsive-website/image/hompage-16x9-brompton.jpg b/Week3/homework/responsive-website/image/hompage-16x9-brompton.jpg new file mode 100644 index 0000000..ed70961 Binary files /dev/null and b/Week3/homework/responsive-website/image/hompage-16x9-brompton.jpg differ diff --git a/Week3/homework/responsive-website/image/hompage-16x9-flixbus.jpg b/Week3/homework/responsive-website/image/hompage-16x9-flixbus.jpg new file mode 100644 index 0000000..751f470 Binary files /dev/null and b/Week3/homework/responsive-website/image/hompage-16x9-flixbus.jpg differ diff --git a/Week3/homework/responsive-website/image/hompage-16x9-transferwise.jpg b/Week3/homework/responsive-website/image/hompage-16x9-transferwise.jpg new file mode 100644 index 0000000..4e0c884 Binary files /dev/null and b/Week3/homework/responsive-website/image/hompage-16x9-transferwise.jpg differ diff --git a/Week3/homework/responsive-website/image/icon_world_green.svg b/Week3/homework/responsive-website/image/icon_world_green.svg new file mode 100644 index 0000000..45c65e1 --- /dev/null +++ b/Week3/homework/responsive-website/image/icon_world_green.svg @@ -0,0 +1,69 @@ + + + + icon_world_green + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Week3/homework/responsive-website/image/issuing-icon-svg-green.svg b/Week3/homework/responsive-website/image/issuing-icon-svg-green.svg new file mode 100644 index 0000000..cbc08ad --- /dev/null +++ b/Week3/homework/responsive-website/image/issuing-icon-svg-green.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + diff --git a/Week3/homework/responsive-website/image/logo.ico b/Week3/homework/responsive-website/image/logo.ico new file mode 100644 index 0000000..736a2e6 Binary files /dev/null and b/Week3/homework/responsive-website/image/logo.ico differ diff --git a/Week3/homework/responsive-website/image/logo.png b/Week3/homework/responsive-website/image/logo.png new file mode 100644 index 0000000..1fbcd0c Binary files /dev/null and b/Week3/homework/responsive-website/image/logo.png differ diff --git a/Week3/homework/responsive-website/image/logo.svg b/Week3/homework/responsive-website/image/logo.svg new file mode 100644 index 0000000..05aa305 --- /dev/null +++ b/Week3/homework/responsive-website/image/logo.svg @@ -0,0 +1,10 @@ + + adyen-header-logo-green + + + + + + + + diff --git a/Week3/homework/responsive-website/image/lush-logo-horizontal-svg.svg b/Week3/homework/responsive-website/image/lush-logo-horizontal-svg.svg new file mode 100644 index 0000000..dc1a81f --- /dev/null +++ b/Week3/homework/responsive-website/image/lush-logo-horizontal-svg.svg @@ -0,0 +1,93 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Week3/homework/responsive-website/image/mcdonalds-logobar-svg.svg b/Week3/homework/responsive-website/image/mcdonalds-logobar-svg.svg new file mode 100644 index 0000000..8902737 --- /dev/null +++ b/Week3/homework/responsive-website/image/mcdonalds-logobar-svg.svg @@ -0,0 +1,3 @@ + + + diff --git a/Week3/homework/responsive-website/image/microsoft-logobar-svg.svg b/Week3/homework/responsive-website/image/microsoft-logobar-svg.svg new file mode 100644 index 0000000..b687c61 --- /dev/null +++ b/Week3/homework/responsive-website/image/microsoft-logobar-svg.svg @@ -0,0 +1,16 @@ + + + + microsoft-logobar-svg + Created with Sketch. + + + + + + + + + + + \ No newline at end of file diff --git a/Week3/homework/responsive-website/image/payment-methods-icon-20-white.svg b/Week3/homework/responsive-website/image/payment-methods-icon-20-white.svg new file mode 100644 index 0000000..9bdb060 --- /dev/null +++ b/Week3/homework/responsive-website/image/payment-methods-icon-20-white.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Week3/homework/responsive-website/image/pinterest-logobar-svg.svg b/Week3/homework/responsive-website/image/pinterest-logobar-svg.svg new file mode 100644 index 0000000..6864252 --- /dev/null +++ b/Week3/homework/responsive-website/image/pinterest-logobar-svg.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + diff --git a/Week3/homework/responsive-website/image/revenue-optimization-icon-20-white.svg b/Week3/homework/responsive-website/image/revenue-optimization-icon-20-white.svg new file mode 100644 index 0000000..af30a93 --- /dev/null +++ b/Week3/homework/responsive-website/image/revenue-optimization-icon-20-white.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/Week3/homework/responsive-website/image/revenue-protect-icon-20-white.svg b/Week3/homework/responsive-website/image/revenue-protect-icon-20-white.svg new file mode 100644 index 0000000..45c6f06 --- /dev/null +++ b/Week3/homework/responsive-website/image/revenue-protect-icon-20-white.svg @@ -0,0 +1,17 @@ + + + + + + + + + diff --git a/Week3/homework/responsive-website/image/revenue-protect-icon-green-svg.svg b/Week3/homework/responsive-website/image/revenue-protect-icon-green-svg.svg new file mode 100644 index 0000000..d0bd22f --- /dev/null +++ b/Week3/homework/responsive-website/image/revenue-protect-icon-green-svg.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + diff --git a/Week3/homework/responsive-website/image/spotify-logobar-svg.svg b/Week3/homework/responsive-website/image/spotify-logobar-svg.svg new file mode 100644 index 0000000..0beb9d3 --- /dev/null +++ b/Week3/homework/responsive-website/image/spotify-logobar-svg.svg @@ -0,0 +1,10 @@ + + + + spotify-logobar-svg + Created with Sketch. + + + + + \ No newline at end of file diff --git a/Week3/homework/responsive-website/image/uber-logobar-svg.svg b/Week3/homework/responsive-website/image/uber-logobar-svg.svg new file mode 100644 index 0000000..bdb0a19 --- /dev/null +++ b/Week3/homework/responsive-website/image/uber-logobar-svg.svg @@ -0,0 +1,12 @@ + + + + uber-logobar-svg + Created with Sketch. + + + + + + + \ No newline at end of file diff --git a/Week3/homework/responsive-website/index.html b/Week3/homework/responsive-website/index.html new file mode 100644 index 0000000..4baf823 --- /dev/null +++ b/Week3/homework/responsive-website/index.html @@ -0,0 +1,442 @@ + + + + + + + + + + + + + + + + + + + + + + + + Adyen|The payments platform built for growth + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
+

Accept payments everywhere

+

Meet the payments platform built for any business and every customer journey.

+ Start your journey with us +
+
+ +
+
+ + +
+
+
+
+
+
+ uber +
+
+
+
+
+
+ microsoft +
+
+
+
+
+
+ booking +
+
+
+
+
+
+ ebay +
+
+
+
+
+
+ mcdonalds +
+
+
+
+
+
+ spotify +
+
+
+
+
+ +
+ + + +
+
+
+
+
+
+ world +
+
+ Growth +

Expand into new markets with local acquiring and payment methods.

+
+
+ Peyment methodschevron_right +
+
+
+
+
+
+ revenue +
+
+ Revenue +

Optimize each transaction, increase conversions, and drive revenue.

+
+
+ RevenueAccelleratechevron_right +
+
+
+
+
+
+ world +
+
+ Real partnership +

Access expert advice and support from a dedicated team of payments specialists.

+
+
+ Start your journeychevron_right +
+
+
+
+
+
+ + +
+
+
+

Accept payments across all sales channels

+

Let your shoppers use their preferred payment types, via a personalized checkout experience, online, in app, or in store, no matter where in the world they are.

+
+
+ More about connected sales chanelschevron_right +
+
+
+ + + +
+
+
+
+
+
+ this slowpoke moves +
+
+ Online and in-app payments +

Accept cards, mobile wallets and more on any digital channel or device. Every checkout is fully optimized and geared for more conversions.

+
+
+ More about online paymentschevron_right +
+
+
+
+
+
+ group +
+
+ terminals and in-store POS setups +

Enhance in-person payment experiences with a terminal for any need. It’s easy to set-up and comes packed with features. +

+
+
+ More about POS paymentschevron_right +
+
+
+
+
+
+ + +
+
+
+
+ +
+
+

Approve more transactions

+

Experience more approvals on every single payment with local and global payment processing, data-driven optimizations, and powerful risk management. All within a fully connected single payments system.

+
+
+
+ +
+
+
+
+
+ 4 +
+
+

Payment methods

+

Offer the payment methods your customers know and trust.

+
+
+ Learn morechevron_right +
+
+
+
+
+
+ 1 +
+
+

Local connections

+

Global payment processing tailored to your business for lower fees.

+
+
+ Learn morechevron_right +
+
+
+
+
+
+ 2 +
+
+

Transaction optimizations

+

Unlock more revenue using data and machine learning for every payment.

+
+
+ Learn morechevron_right +
+
+
+
+
+
+ 1 +
+
+

Safety and security

+

Use a data-driven approach to block fraudsters and manage risk.

+
+
+ Learn more chevron_right +
+
+
+
+ +
+
+ + + +
+
+
+
+

Start your journey with Adyen today

+
+
+ Get in touch +
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Week3/homework/responsive-website/video/AdyenCompressed.mp4 b/Week3/homework/responsive-website/video/AdyenCompressed.mp4 new file mode 100644 index 0000000..72046ab Binary files /dev/null and b/Week3/homework/responsive-website/video/AdyenCompressed.mp4 differ diff --git a/Week3/homework/responsive-website/video/anthem.mp4 b/Week3/homework/responsive-website/video/anthem.mp4 new file mode 100644 index 0000000..56e58e3 Binary files /dev/null and b/Week3/homework/responsive-website/video/anthem.mp4 differ diff --git a/Week3/homework/responsive-website/video/homepage-square-video-Lush.mp4 b/Week3/homework/responsive-website/video/homepage-square-video-Lush.mp4 new file mode 100644 index 0000000..e2245aa Binary files /dev/null and b/Week3/homework/responsive-website/video/homepage-square-video-Lush.mp4 differ