From 6516110fddec9686bbbc3dba4c5cabda9e07eca6 Mon Sep 17 00:00:00 2001 From: sagar-prasain <53586253+sagar-prasain@users.noreply.github.com> Date: Sat, 9 Apr 2022 22:50:03 +1000 Subject: [PATCH 1/2] Add files via upload --- Sagar Exercise 1.html | 58 +++++++++++++++++++++++++ Sagar Exercise 2.html | 80 ++++++++++++++++++++++++++++++++++ css/style.css | 99 +++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 237 insertions(+) create mode 100644 Sagar Exercise 1.html create mode 100644 Sagar Exercise 2.html create mode 100644 css/style.css diff --git a/Sagar Exercise 1.html b/Sagar Exercise 1.html new file mode 100644 index 000000000..ab381ae54 --- /dev/null +++ b/Sagar Exercise 1.html @@ -0,0 +1,58 @@ + + + + + Sagar Exercise 1 + + + + + + + + + +
+
+

Hello Developer!

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit

+
+
+
+
+
+ + + +


Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. +

+
+ +
+ +
+
+ + + +


Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +

+
+ +
+ +
+
+ + + +


Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco. +

+
+ +
+
+ + + + \ No newline at end of file diff --git a/Sagar Exercise 2.html b/Sagar Exercise 2.html new file mode 100644 index 000000000..5837f877f --- /dev/null +++ b/Sagar Exercise 2.html @@ -0,0 +1,80 @@ + + + + + +Sagar Exercise 2 + + + + +
+
+
+

+ +

+
+
+

Maecenas nec semper ante, pellentesque posuere lorem. Nullam ipsum massa, consequat eget urna ut, pulvinar dignissim lorem. Nulla facilisi. Nam mattis eleifend metus. Fusce at commodo lorem. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus pellentesque elit sem, vel blandit posuere.

+
+
+
+
+

+ +

+
+
+

Mauris a orci sodales, scelerisque velit vitae, gravida nisl. Ut non laoreet eros, vel laoreet nisi. Praesent sed dolor dui. Proin non fringilla quam. Aliquam erat volutpat. Vestibulum vel arcu semper, lobortis turpis ac, ultricies nisi. Praesent id.

+
+
+
+
+

+ +

+
+
+

Sed elementum sapien ut sapien imperdiet, eu venenatis enim rhoncus. Praesent euismod tincidunt rhoncus. Duis cras amet:

+
    +
  • List item one
    • +
  • List item two
    • +
  • List item three
    • +
+
+
+
+
+

+ +

+
+
+

Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est.

Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

+
+
+
+
+
+ + + + \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 000000000..bce41f117 --- /dev/null +++ b/css/style.css @@ -0,0 +1,99 @@ +body, html { + height: 100%; + margin: 0; + font-family: Arial, Helvetica, sans-serif; +} +#page { + max-width: 1440px; +} + +.hero-image { + background-image:url("http://via.placeholder.com/1920x650"); + height: 60%; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + position: relative; + display: flex; +} + +.hero-text { + text-align: center; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + color:#FFFFFF; +} +#hero-heading{ + font-size: 50px; + font-family: "Arial-bold", sans-serif; + letter-spacing: 2.8px; + color:#FFFFFF; +} +#hero-tagline{ + font-size: 2rem; + color:#FFFFFF; + margin: -3px 0 0 0; + letter-spacing: 2.5px; +} +#box { + min-height: 450px; + padding: 0px 0px; + margin: 40px 15px; + max-width: 400px; + min-width: 280px; + border: 2px solid #e6e6e6; + border-radius: 7px; + display:block; +} +#text { + padding: 3px 21px 0px 19px; + text-align: center; + font-size: 13px; + text-indent: 1px; + line-height: 21.8px; + min-height: 164px; + font-family: Arial, sans-serif; + display: block; +} +#image{ + position: relative; + max-width: 100%; + max-height: 100%; + padding: 18px 17px 17px 17px; + border-radius: 21px; +} +#btn{ + position: relative; + display: block; + margin: auto; + min-width: 50px; + max-width: 140px; + height: 38px; + border-radius: 32px; + border: 2px solid black; + padding: 8px 9px 8px 16px; + bottom: 16px !important; +} +.container { + display: flex; + align-items: flex-start; + align-content: center; + justify-content:center; + min-height: 450px; + position: relative; + margin:30px 15px; +} + +.container :first-child { + align-self: center; +} +@media only screen and (max-width: 600px) { + .hero-image{ + background: url("http://via.placeholder.com/600x600"); + display: inherit; + min-height: 600px; + min-width: 600px; + } + From a5c50c49bc7bb7436a50ae6a7147655d1f633f0d Mon Sep 17 00:00:00 2001 From: sagar-prasain <53586253+sagar-prasain@users.noreply.github.com> Date: Sat, 9 Apr 2022 22:56:42 +1000 Subject: [PATCH 2/2] Updated read.me --- readme.md | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/readme.md b/readme.md index 6dd3ffb7c..5233abf35 100644 --- a/readme.md +++ b/readme.md @@ -38,3 +38,14 @@ Read the `data.json` file and display the data as tabs on desktop and an accordi Submission --- We recommend submitting your completed assessment as a forked repository. Please replace README content with instructions and relevant documentation. + +****Explain why the result of `('b' + 'a' + + 'a' + 'a').toLowerCase()` is `banana`.*** +Explanation: +'b' + 'a' + + 'a' + 'a' is evaluated as 'b' + 'a' + (+'a') + 'a'. + +(+'a') attempts to convert 'a' to a number using the unary plus operator. Because 'a' is not a number, the result is NaN ("Not a Number"):'b' + 'a' + NaN + 'a' + +Although NaN stands for "Not a Number", it's still a numeric type; when added to strings, it concatenates just as any other number would:'b' + 'a' + NaN + 'a' => 'baNaNa' +Finally, it's lowercased: + +'baNaNa'.toLowerCase() => 'banana'