From 4a13b0c85e238d20526dfe9279c475b0a6750373 Mon Sep 17 00:00:00 2001 From: Neutx Date: Thu, 5 Jan 2023 19:38:07 +0530 Subject: [PATCH 1/5] my commit --- assets/css/styles.css | 175 +++++++++++++++++++++++++++++++++++++ dark/assets/css/styles.css | 143 ++++++++++++++++++++++++++++++ dark/index.html | 97 ++++++++++---------- index.html | 130 --------------------------- light/index.html | 94 -------------------- 5 files changed, 371 insertions(+), 268 deletions(-) delete mode 100644 index.html delete mode 100644 light/index.html diff --git a/assets/css/styles.css b/assets/css/styles.css index a7ca4e9..ee8e0a7 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -1,3 +1,175 @@ +/*Start Footer*/ +.site-footer +{ + background-color:#26272b; + padding:45px 0 20px; + font-size:15px; + line-height:24px; + color:#737373; +} +.site-footer hr +{ + border-top-color:#bbb; + opacity:0.5 +} +.site-footer hr.small +{ + margin:20px 0 +} +.site-footer h6 +{ + color:#fff; + font-size:16px; + text-transform:uppercase; + margin-top:5px; + letter-spacing:2px +} +.site-footer a +{ + color:#737373; +} +.site-footer a:hover +{ + color:#3366cc; + text-decoration:none; +} +.footer-links +{ + padding-left:0; + list-style:none +} +.footer-links li +{ + display:block +} +.footer-links a +{ + color:#737373 +} +.footer-links a:active,.footer-links a:focus,.footer-links a:hover +{ + color:#3366cc; + text-decoration:none; +} +.footer-links.inline li +{ + display:inline-block +} +.site-footer .social-icons +{ + text-align:right +} +.site-footer .social-icons a +{ + width:40px; + height:40px; + line-height:40px; + margin-left:6px; + margin-right:0; + border-radius:100%; + background-color:#33353d +} +.copyright-text +{ + margin:0 +} +@media (max-width:991px) +{ + .site-footer [class^=col-] + { + margin-bottom:30px + } +} +@media (max-width:767px) +{ + .site-footer + { + padding-bottom:0 + } + .site-footer .copyright-text,.site-footer .social-icons + { + text-align:center + } +} +.social-icons +{ + padding-left:0; + margin-bottom:0; + list-style:none +} +.social-icons li +{ + display:inline-block; + margin-bottom:4px +} +.social-icons li.title +{ + margin-right:15px; + text-transform:uppercase; + color:#96a2b2; + font-weight:700; + font-size:13px +} +.social-icons a{ + background-color:#eceeef; + color:#818a91; + font-size:16px; + display:inline-block; + line-height:44px; + width:44px; + height:44px; + text-align:center; + margin-right:8px; + border-radius:100%; + -webkit-transition:all .2s linear; + -o-transition:all .2s linear; + transition:all .2s linear +} +.social-icons a:active,.social-icons a:focus,.social-icons a:hover +{ + color:#fff; + background-color:#29aafe +} +.social-icons.size-sm a +{ + line-height:34px; + height:34px; + width:34px; + font-size:14px +} +.social-icons a.facebook:hover +{ + background-color:#3b5998 +} +.social-icons a.twitter:hover +{ + background-color:#00aced +} +.social-icons a.linkedin:hover +{ + background-color:#007bb6 +} +.social-icons a.dribbble:hover +{ + background-color:#ea4c89 +} +@media (max-width:767px) +{ + .social-icons li.title + { + display:block; + margin-right:0; + font-weight:600 + } +} + +/*End Footer*/ + + + + + + /* Colour Variable */ :root { @@ -343,3 +515,6 @@ top: 0px; } } + + + diff --git a/dark/assets/css/styles.css b/dark/assets/css/styles.css index 38085be..0d0ca7f 100644 --- a/dark/assets/css/styles.css +++ b/dark/assets/css/styles.css @@ -1,3 +1,5 @@ + + /* Edo Font */ @import url("http://fonts.cdnfonts.com/css/edo"); @@ -1115,3 +1117,144 @@ html { font-size: 1.1rem; transition: 0.2 ease; } + + + +p, .a-CTA, input, header .navigation-bar a, .copyright li, .contact .form form label, .contact .form form button { + font-family: Cabin, sans-serif; +} +.fa-asterisk, .a-CTA, h2, header .navigation-bar a:hover, header nav.active .navigation-bar a:hover, footer .social-media .links a:hover, .copyright .info li a, .copyright .CTA li a:hover { + color: #a96700; +} +header nav .navigation-bar .underline, header .text .button button:hover, .contact .form form button:hover, .contact .text i:hover { + background-color: #a96700; +} +header .navigation-bar ul li, header .text, .about-us .text, .reservation .text, .menu .box-model, .menu .text, .fixed-image .text, footer, .copyright, .contact .text i { + text-align: center; +} +header nav, header .navigation-bar ul, .about-us, .reservation, .about-us .image-container, .reservation .image-container, .menu, .menu .menu-image-container, footer .contact-container, .copyright ul, .contact { + display: flex; +} +header nav .toggle, header nav .toggle span, header .navigation-bar, header .navigation-bar ul, .menu .box-model .close, footer .social-media .links a, .copyright .CTA li a { + transition: .3s; +} +header, header nav .toggle span, header .navigation-bar a, header .text, header .text .arrow .left, header .text .arrow .right, .recipes, .menu .box-image-container, .fixed-image .text, .copyright, .copyright .arrow-up { + position: relative; +} +header nav .toggle, header .navigation-bar .underline, header .text .arrow .left:after, header .text .arrow .right:after, header .svg-down, header .arrow-down, .recipes .text, .menu .box-model .close, .menu .box-model .arrow .arrow-right,.menu .box-model .arrow .arrow-left, .menu .box-image-container .box-image, .copyright .svg-up { + position: absolute; +} +.recipes .text, .fixed-image .text, .menu .box-image-container, .menu .box-image-container .box-image { + top: 50%; + left: 50%; + transform: translate(-50%,-50%); +} +header nav, header .navigation-bar a:hover .underline, header .navigation-bar li.active .underline, .menu .box-model, .menu .box-image-container, .menu .box-image-container .box-image { + width: 100%; +} +button, .dots > div, header nav .toggle, header .arrow-down, .menu .box-model .close, .menu .box-model .arrow .arrow-right,.menu .box-model .arrow .arrow-left, .menu .menu-image-container .image img, footer .newsletter i, .copyright .arrow-up { + cursor: pointer; +} +.dots .active, header nav.active, header nav.active .toggle.active span, header nav .toggle span, header .navigation-bar .underline, header .text .arrow .left, header .text .arrow .right, header .text .button button, .contact form button { + background-color: #fff; +} +h1, h3, header .navigation-bar a, header .text span, .menu .box-model .close:hover, footer .text h2, footer .text p, footer .social-media .links a, .contact .text i, .contact .form form button { + color: #fff; +} +header nav, header .navigation-bar.show, header .navigation-bar a:hover .underline, header .navigation-bar li.active .underline, header .text .arrow .left:after, .menu .box-model, .copyright .arrow-up { + left: 0; +} +header .text .arrow .left:after, header .text .arrow .right:after, header .text span, footer .social-media .links a, footer .newsletter i, .copyright .arrow-up, .contact .text i, .contact .form form label { + display: inline-block; +} +/*Start Footer*/ +footer { + background-color: #121212; + padding: 60px 20px; +} +footer .text { + max-width: 500px; + margin: auto; +} +footer .text h2 { + font-family: 'Source Sans Pro', sans-serif; + font-size: 19px; + letter-spacing: 1.9px; + margin-bottom: 25px; +} +footer .text .fa-asterisk { + font-size: 12px; +} +footer .text p { + line-height: 27px; +} +footer .contact-container { + padding: 40px 0; + max-width: 1000px; + margin: auto; +} +footer .contact-container > div { + flex: 1; +} +footer .contact-container h3 { + font-size: 19px; + letter-spacing: 1.9px; +} +footer .social-media .links a { + margin: 0 10px; + font-size: 25px; +} +footer .newsletter input { + padding: 10px; + width: 270px; + background-color: #eee; + border: none; + margin-left: -15px; +} +footer .newsletter i { + margin-left: -40px; + vertical-align: middle; + font-size: 21px; +} +.copyright { + padding: 15px 40px 30px; + background-color: #262526; +} +.copyright .svg-up { + top: 0; + left: 50%; + margin-left: -96px; + margin-top: -50px; +} +.copyright .arrow-up { + width: 40px; + height: 30px; + top: -45px; + color: #fff; + line-height: 1.9 +} +.copyright ul { + justify-content: center; +} +.copyright li { + color: #919191; + font-size: 14px; +} +.copyright li:not(:last-of-type):after { + content: '•'; + margin: 10px; +} +.copyright .CTA { + margin-top: 25px; +} +.copyright .CTA li a { + color: #919191; +} + +/*End Footer*/ +.a-CTA { + border-bottom: 2px solid #a96700; + padding-bottom: 4px; + letter-spacing: 1.5px; + font-size: 18px; +} \ No newline at end of file diff --git a/dark/index.html b/dark/index.html index c4ef883..ccf2050 100644 --- a/dark/index.html +++ b/dark/index.html @@ -210,7 +210,7 @@

CONTACT ME

-
+ + + + +
+
+

ABOUT ME

+
+

+ Hi, I am Yoshitha Rathnayake. I am a student and I am 14 years old. I live in Kandy in Sri Lanka. I am studing in St. Anthony's College, Kandy. Now, I am in Grade 9D in my school. This is my First Web Site. My favourite subject is Information and Communication Technology. I hope to be a Computer Engineer in the future.

+
+
+ + +
+
+ + +
+ + +
    +
  • © Yoshitha Rathnayake
    • +
  • Kandy, Sri Lanka
    • +
  • Mob: +91 XXXXXXXXXX
    • +
  • Made with love by Yoshitha
    • +
+
+ + + + + + + + + + @@ -244,47 +295,5 @@

CONTACT ME

- - diff --git a/index.html b/index.html deleted file mode 100644 index 7936278..0000000 --- a/index.html +++ /dev/null @@ -1,130 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - YOSHITHA RATHNAYAKE - - - - -
- - - - -
- - - -
- - -
-

-
- - - -
-
- Yoshitha Rathnayake -
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/light/index.html b/light/index.html deleted file mode 100644 index f454bf6..0000000 --- a/light/index.html +++ /dev/null @@ -1,94 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - YOSHITHA RATHNAYAKE - - - - - - - -
- - - -
-
- Yoshitha Rathnayake -
-
- - - - - - - - - - - - - - - - - - - - - - - - - From 99f123c0e4eeeb7ce9e2c082a04d69ea8fdbce38 Mon Sep 17 00:00:00 2001 From: Neutx Date: Fri, 6 Jan 2023 13:56:12 +0530 Subject: [PATCH 2/5] Design an attractive footer redo. --- assets/css/styles.css | 12 +--- dark/assets/css/styles.css | 4 -- dark/index.html | 79 +++++++++++++++------- index.html | 130 +++++++++++++++++++++++++++++++++++++ light/index.html | 94 +++++++++++++++++++++++++++ 5 files changed, 281 insertions(+), 38 deletions(-) create mode 100644 index.html create mode 100644 light/index.html diff --git a/assets/css/styles.css b/assets/css/styles.css index ee8e0a7..c101f56 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -163,13 +163,6 @@ } } -/*End Footer*/ - - - - - - /* Colour Variable */ :root { @@ -514,7 +507,4 @@ .bar-preloader { top: 0px; } -} - - - +} \ No newline at end of file diff --git a/dark/assets/css/styles.css b/dark/assets/css/styles.css index 0d0ca7f..ede3cb6 100644 --- a/dark/assets/css/styles.css +++ b/dark/assets/css/styles.css @@ -1,5 +1,3 @@ - - /* Edo Font */ @import url("http://fonts.cdnfonts.com/css/edo"); @@ -1118,8 +1116,6 @@ html { transition: 0.2 ease; } - - p, .a-CTA, input, header .navigation-bar a, .copyright li, .contact .form form label, .contact .form form button { font-family: Cabin, sans-serif; } diff --git a/dark/index.html b/dark/index.html index ccf2050..53e30eb 100644 --- a/dark/index.html +++ b/dark/index.html @@ -222,7 +222,7 @@

CONTACT ME

- +

ABOUT ME

@@ -249,30 +249,21 @@

NewsLetter

- - -
- - -
    -
  • © Yoshitha Rathnayake
    • -
  • Kandy, Sri Lanka
    • -
  • Mob: +91 XXXXXXXXXX
    • -
  • Made with love by Yoshitha
    • -
-
- - - - - + + +
+ + +
    +
  • © Yoshitha Rathnayake
    • +
  • Kandy, Sri Lanka
    • +
  • Mob: +91 XXXXXXXXXX
    • +
  • Made with love by Yoshitha
    • +
+
+ - - - - - @@ -295,5 +286,47 @@

NewsLetter

+ + diff --git a/index.html b/index.html new file mode 100644 index 0000000..1a42bc9 --- /dev/null +++ b/index.html @@ -0,0 +1,130 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + YOSHITHA RATHNAYAKE + + + + +
+ + + + +
+ + + +
+ + +
+

+
+ + + +
+
+ Yoshitha Rathnayake +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/light/index.html b/light/index.html new file mode 100644 index 0000000..d765123 --- /dev/null +++ b/light/index.html @@ -0,0 +1,94 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + YOSHITHA RATHNAYAKE + + + + + + + +
+ + + +
+
+ Yoshitha Rathnayake +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + From 9301c93002b45a3c6910c92f6a91f9c406370555 Mon Sep 17 00:00:00 2001 From: YOSHITHA RATHNAYAKE Date: Fri, 6 Jan 2023 15:09:07 +0530 Subject: [PATCH 3/5] Add EOL --- dark/assets/css/styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/dark/assets/css/styles.css b/dark/assets/css/styles.css index ede3cb6..c7074e5 100644 --- a/dark/assets/css/styles.css +++ b/dark/assets/css/styles.css @@ -1253,4 +1253,4 @@ footer .newsletter i { padding-bottom: 4px; letter-spacing: 1.5px; font-size: 18px; -} \ No newline at end of file +} From 0822f9044817e000b2f47a31047fab05532ac1b4 Mon Sep 17 00:00:00 2001 From: Neutx Date: Fri, 6 Jan 2023 18:42:41 +0530 Subject: [PATCH 4/5] line added --- dark/assets/css/styles.css | 1 - 1 file changed, 1 deletion(-) diff --git a/dark/assets/css/styles.css b/dark/assets/css/styles.css index ede3cb6..ac912d4 100644 --- a/dark/assets/css/styles.css +++ b/dark/assets/css/styles.css @@ -1115,7 +1115,6 @@ html { font-size: 1.1rem; transition: 0.2 ease; } - p, .a-CTA, input, header .navigation-bar a, .copyright li, .contact .form form label, .contact .form form button { font-family: Cabin, sans-serif; } From f7c409bd979d1bc8efca4a5826c476ff61df9b87 Mon Sep 17 00:00:00 2001 From: Neutx Date: Fri, 6 Jan 2023 18:42:58 +0530 Subject: [PATCH 5/5] commit --- assets/css/styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/css/styles.css b/assets/css/styles.css index c101f56..b484c8c 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -507,4 +507,4 @@ .bar-preloader { top: 0px; } -} \ No newline at end of file +}