From 4ad1a627e875579ad464595f15aa107677de1aa5 Mon Sep 17 00:00:00 2001 From: kittykat-sudo <2022cs046@stu.ucsc.cmb.ac.lk> Date: Sat, 17 Feb 2024 16:37:58 +0530 Subject: [PATCH] test --- assets/css/style.css | 775 +++---------------------------------------- index.html | 16 +- 2 files changed, 46 insertions(+), 745 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index 66b0528..8916b93 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -37,27 +37,24 @@ h6 { font-family: 'unbounded', sans-serif; } -/*-------------------------------------------------------------- -# Back to top button ---------------------------------------------------------------*/ +/* Back to top button */ .back-to-top { position: fixed; - visibility: hidden; - opacity: 0; - right: 15px; bottom: 15px; + right: 15px; z-index: 996; - background: #00FF0F; width: 40px; height: 40px; + background: #00FF0F; border-radius: 4px; + visibility: hidden; + opacity: 0; transition: all 0.4s; } .back-to-top i { font-size: 28px; color: #fff; - line-height: 0; } .back-to-top:hover { @@ -70,9 +67,7 @@ h6 { opacity: 1; } -/*-------------------------------------------------------------- -# Disable aos animation delay on mobile devices ---------------------------------------------------------------*/ +/* Disable AOS animation delay on mobile devices */ @media screen and (max-width: 768px) { [data-aos-delay] { transition-delay: 0 !important; @@ -119,7 +114,7 @@ h6 { --------------------------------------------------------------*/ .get-started-btn { margin-left: 30px; - background: #00FF0F; + background-color: #00FF0F; color: #fff; border-radius: 4px; padding: 8px 25px; @@ -189,7 +184,7 @@ h6 { .navbar .active, .navbar .active:focus, .navbar li:hover>a { - color: #00FF0F ; + color:#00FF0F; } .navbar .dropdown ul { @@ -322,7 +317,7 @@ h6 { .navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover>a { - color: #00FF0F ; + color: #00FF0F; } .navbar-mobile .getstarted, @@ -357,7 +352,7 @@ h6 { .navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover>a { - color: #00FF0F ; + color:#00FF0F; } .navbar-mobile .dropdown>.dropdown-active { @@ -462,8 +457,8 @@ h6 { transition: 0.5s; margin-top: 30px; color: #fff; - background: #00FF0F ; - border: 2px solid #00FF0F ; + background: #00FF0F; + border: 2px solid #00FF0F; } #hero .btn-get-started:hover { @@ -589,7 +584,7 @@ section { .breadcrumbs ol li+li::before { display: inline-block; padding-right: 10px; - color: #00FF0F ; + color:#00FF0F; content: "/"; } @@ -606,11 +601,11 @@ section { height: 12px; background-color: #fff; opacity: 1; - border: 1px solid #00FF0F ; + border: 1px solid#00FF0F; } .clients .swiper-pagination .swiper-pagination-bullet-active { - background-color: #00FF0F ; + background-color:#00FF0F; } .clients .swiper-slide img { @@ -657,7 +652,7 @@ section { font-size: 13px; display: inline-flex; align-items: center; - border: 2px solid #00FF0F ; + border: 2px solid#00FF0F; width: 40%; margin-right: 4%; } @@ -678,7 +673,7 @@ section { .about .icon-boxes .icon-box i { font-size: 40px; - color: #00FF0F ; + color:#00FF0F; margin-bottom: 6px; } @@ -786,13 +781,13 @@ section { } .tabs .nav-link:hover { - color: #00FF0F ; + color: #00FF0F; } .tabs .nav-link.active { - background: #00FF0F ; + background: #00FF0F; color: #fff; - border-color: #00FF0F ; + border-color:#00FF0F; } @media (max-width: 768px) { @@ -834,7 +829,7 @@ section { .tabs .tab-pane ul i { font-size: 20px; padding-right: 4px; - color: #00FF0F ; + color: #00FF0F; } .tabs .tab-pane p:last-child { @@ -859,7 +854,7 @@ section { .services .icon-box i { float: left; - color: #00FF0F ;; + color: #00FF0F;; font-size: 40px; line-height: 0; } @@ -881,7 +876,7 @@ section { } .services .icon-box .icon-box:hover h4 a { - color: #00FF0F ; + color:#00FF0F; } .services .icon-box p { @@ -890,193 +885,6 @@ section { font-size: 14px; } -/*-------------------------------------------------------------- -# Portfolio ---------------------------------------------------------------*/ -.portfolio .portfolio-item { - margin-bottom: 30px; -} - -.portfolio #portfolio-flters { - padding: 0; - margin: 0 auto 20px auto; - list-style: none; - text-align: center; -} - -.portfolio #portfolio-flters li { - cursor: pointer; - display: inline-block; - padding: 8px 15px 10px 15px; - font-size: 14px; - font-weight: 600; - line-height: 1; - text-transform: uppercase; - color: #444444; - margin-bottom: 5px; - transition: all 0.3s ease-in-out; - border-radius: 3px; -} - -.portfolio #portfolio-flters li:hover, -.portfolio #portfolio-flters li.filter-active { - color: #fff; - background:#00FF0F ; -} - -.portfolio #portfolio-flters li:last-child { - margin-right: 0; -} - -.portfolio .portfolio-wrap { - transition: 0.3s; - position: relative; - overflow: hidden; - z-index: 1; - background: rgba(17, 17, 17, 0.6); -} - -.portfolio .portfolio-wrap::before { - content: ""; - background: rgba(17, 17, 17, 0.6); - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - transition: all ease-in-out 0.3s; - z-index: 2; - opacity: 0; -} - -.portfolio .portfolio-wrap img { - transition: all ease-in-out 0.3s; -} - -.portfolio .portfolio-wrap .portfolio-info { - opacity: 0; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: 3; - transition: all ease-in-out 0.3s; - display: flex; - flex-direction: column; - justify-content: flex-end; - align-items: flex-start; - padding: 20px; -} - -.portfolio .portfolio-wrap .portfolio-info h4 { - font-size: 20px; - color: #fff; - font-weight: 600; -} - -.portfolio .portfolio-wrap .portfolio-info p { - color: rgba(255, 255, 255, 0.7); - font-size: 14px; - text-transform: uppercase; - padding: 0; - margin: 0; - font-style: italic; -} - -.portfolio .portfolio-wrap .portfolio-links { - text-align: center; - z-index: 4; -} - -.portfolio .portfolio-wrap .portfolio-links a { - color: rgba(255, 255, 255, 0.4); - margin: 0 5px 0 0; - font-size: 28px; - display: inline-block; - transition: 0.3s; -} - -.portfolio .portfolio-wrap .portfolio-links a:hover { - color: #fff; -} - -.portfolio .portfolio-wrap:hover::before { - opacity: 1; -} - -.portfolio .portfolio-wrap:hover img { - transform: scale(1.2); -} - -.portfolio .portfolio-wrap:hover .portfolio-info { - opacity: 1; -} - -/*-------------------------------------------------------------- -# Portfolio Details ---------------------------------------------------------------*/ -.portfolio-details { - padding-top: 40px; -} - -.portfolio-details .portfolio-details-slider img { - width: 100%; -} - -.portfolio-details .portfolio-details-slider .swiper-pagination { - margin-top: 20px; - position: relative; -} - -.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet { - width: 12px; - height: 12px; - background-color: #fff; - opacity: 1; - border: 1px solid #00FF0F ; -} - -.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active { - background-color:#00FF0F ; -} - -.portfolio-details .portfolio-info { - padding: 30px; - box-shadow: 0px 0 30px rgba(17, 17, 17, 0.08); -} - -.portfolio-details .portfolio-info h3 { - font-size: 22px; - font-weight: 700; - margin-bottom: 20px; - padding-bottom: 20px; - border-bottom: 1px solid #eee; -} - -.portfolio-details .portfolio-info ul { - list-style: none; - padding: 0; - font-size: 15px; -} - -.portfolio-details .portfolio-info ul li+li { - margin-top: 10px; -} - -.portfolio-details .portfolio-description { - padding-top: 30px; -} - -.portfolio-details .portfolio-description h2 { - font-size: 26px; - font-weight: 700; - margin-bottom: 20px; -} - -.portfolio-details .portfolio-description p { - padding: 0; -} /*-------------------------------------------------------------- # Testimonials @@ -1087,7 +895,7 @@ section { } .schedule-border{ border: solid; - border-color: #00FF0F ; + border-color:#00FF0F; border-radius: 28px; } .schedule-border1{ @@ -1169,7 +977,7 @@ filter: blur(2px); */ .testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right { - color: #00FF0F ; + color:#00FF0F; font-size: 26px; } @@ -1201,11 +1009,11 @@ filter: blur(2px); */ height: 12px; background-color: #fff; opacity: 1; - border: 1px solid #00FF0F ; + border: 1px solid#00FF0F; } .testimonials .swiper-pagination .swiper-pagination-bullet-active { - background-color: #00FF0F ; + background-color:#00FF0F; } /*-------------------------------------------------------------- @@ -1273,7 +1081,7 @@ filter: blur(2px); */ } .pricing .box ul i { - color: #00FF0F ; + color: #00FF0F; font-size: 18px; padding-right: 4px; } @@ -1346,7 +1154,7 @@ filter: blur(2px); */ border-radius: 50px; width: 36px; height: 36px; - background: #00FF0F ; + background: #00FF0F; display: inline-flex; align-items: center; justify-content: center; @@ -1406,7 +1214,7 @@ filter: blur(2px); */ .contact .info-box i { font-size: 32px; - color: #00FF0F ; + color: #00FF0F; border-radius: 50%; padding: 8px; border: 2px dotted #f8d4d5; @@ -1435,7 +1243,7 @@ filter: blur(2px); */ .contact .php-email-form .error-message { display: none; color: #fff; - background: #00FF0F ; + background: #00FF0F; text-align: left; padding: 15px; font-weight: 600; @@ -1498,7 +1306,7 @@ filter: blur(2px); */ } .contact .php-email-form button[type=submit] { - background: #00FF0F ; + background: #00FF0F; border: 0; padding: 10px 32px; color: #fff; @@ -1507,7 +1315,7 @@ filter: blur(2px); */ } .contact .php-email-form button[type=submit]:hover { - background: #00FF0F ; + background: #00FF0F; } @keyframes animate-loading { @@ -1520,513 +1328,6 @@ filter: blur(2px); */ } } -/*-------------------------------------------------------------- -# Blog ---------------------------------------------------------------*/ -.blog { - padding: 40px 0 20px 0; -} - -.blog .entry { - padding: 30px; - margin-bottom: 60px; - box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); -} - -.blog .entry .entry-img { - max-height: 440px; - margin: -30px -30px 20px -30px; - overflow: hidden; -} - -.blog .entry .entry-title { - font-size: 28px; - font-weight: bold; - padding: 0; - margin: 0 0 20px 0; -} - -.blog .entry .entry-title a { - color: #111111; - transition: 0.3s; -} - -.blog .entry .entry-title a:hover { - color: #00FF0F ; -} - -.blog .entry .entry-meta { - margin-bottom: 15px; - color: #777777; -} - -.blog .entry .entry-meta ul { - display: flex; - flex-wrap: wrap; - list-style: none; - align-items: center; - padding: 0; - margin: 0; -} - -.blog .entry .entry-meta ul li+li { - padding-left: 20px; -} - -.blog .entry .entry-meta i { - font-size: 16px; - margin-right: 8px; - line-height: 0; -} - -.blog .entry .entry-meta a { - color: #777777; - font-size: 14px; - display: inline-block; - line-height: 1; -} - -.blog .entry .entry-content p { - line-height: 24px; -} - -.blog .entry .entry-content .read-more { - -moz-text-align-last: right; - text-align-last: right; -} - -.blog .entry .entry-content .read-more a { - display: inline-block; - background: #00FF0F ; - color: #fff; - padding: 6px 20px; - transition: 0.3s; - font-size: 14px; - border-radius: 4px; -} - -.blog .entry .entry-content .read-more a:hover { - background: #00FF0F ; -} - -.blog .entry .entry-content h3 { - font-size: 22px; - margin-top: 30px; - font-weight: bold; -} - -.blog .entry .entry-content blockquote { - overflow: hidden; - background-color: #fafafa; - padding: 60px; - position: relative; - text-align: center; - margin: 20px 0; -} - -.blog .entry .entry-content blockquote p { - color: #444444; - line-height: 1.6; - margin-bottom: 0; - font-style: italic; - font-weight: 500; - font-size: 22px; -} - -.blog .entry .entry-content blockquote::after { - content: ""; - position: absolute; - left: 0; - top: 0; - bottom: 0; - width: 3px; - background-color: #111111; - margin-top: 20px; - margin-bottom: 20px; -} - -.blog .entry .entry-footer { - padding-top: 10px; - border-top: 1px solid #e6e6e6; -} - -.blog .entry .entry-footer i { - color: #5e5e5e; - display: inline; -} - -.blog .entry .entry-footer a { - color: #1e1e1e; - transition: 0.3s; -} - -.blog .entry .entry-footer a:hover { - color: #e03a3c; -} - -.blog .entry .entry-footer .cats { - list-style: none; - display: inline; - padding: 0 20px 0 0; - font-size: 14px; -} - -.blog .entry .entry-footer .cats li { - display: inline-block; -} - -.blog .entry .entry-footer .tags { - list-style: none; - display: inline; - padding: 0; - font-size: 14px; -} - -.blog .entry .entry-footer .tags li { - display: inline-block; -} - -.blog .entry .entry-footer .tags li+li::before { - padding-right: 6px; - color: #6c757d; - content: ","; -} - -.blog .entry .entry-footer .share { - font-size: 16px; -} - -.blog .entry .entry-footer .share i { - padding-left: 5px; -} - -.blog .entry-single { - margin-bottom: 30px; -} - -.blog .blog-author { - padding: 20px; - margin-bottom: 30px; - box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); -} - -.blog .blog-author img { - width: 120px; - margin-right: 20px; -} - -.blog .blog-author h4 { - font-weight: 600; - font-size: 22px; - margin-bottom: 0px; - padding: 0; - color: #111111; -} - -.blog .blog-author .social-links { - margin: 0 10px 10px 0; -} - -.blog .blog-author .social-links a { - color: rgba(17, 17, 17, 0.5); - margin-right: 5px; -} - -.blog .blog-author p { - font-style: italic; - color: #b7b7b7; -} - -.blog .blog-comments { - margin-bottom: 30px; -} - -.blog .blog-comments .comments-count { - font-weight: bold; -} - -.blog .blog-comments .comment { - margin-top: 30px; - position: relative; -} - -.blog .blog-comments .comment .comment-img { - margin-right: 14px; -} - -.blog .blog-comments .comment .comment-img img { - width: 60px; -} - -.blog .blog-comments .comment h5 { - font-size: 16px; - margin-bottom: 2px; -} - -.blog .blog-comments .comment h5 a { - font-weight: bold; - color: #444444; - transition: 0.3s; -} - -.blog .blog-comments .comment h5 a:hover { - color: #e03a3c; -} - -.blog .blog-comments .comment h5 .reply { - padding-left: 10px; - color: #111111; -} - -.blog .blog-comments .comment h5 .reply i { - font-size: 20px; -} - -.blog .blog-comments .comment time { - display: block; - font-size: 14px; - color: #2b2b2b; - margin-bottom: 5px; -} - -.blog .blog-comments .comment.comment-reply { - padding-left: 40px; -} - -.blog .blog-comments .reply-form { - margin-top: 30px; - padding: 30px; - box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); -} - -.blog .blog-comments .reply-form h4 { - font-weight: bold; - font-size: 22px; -} - -.blog .blog-comments .reply-form p { - font-size: 14px; -} - -.blog .blog-comments .reply-form input { - border-radius: 4px; - padding: 10px 10px; - font-size: 14px; -} - -.blog .blog-comments .reply-form input:focus { - box-shadow: none; - border-color: #ee9293; -} - -.blog .blog-comments .reply-form textarea { - border-radius: 4px; - padding: 10px 10px; - font-size: 14px; -} - -.blog .blog-comments .reply-form textarea:focus { - box-shadow: none; - border-color: #ee9293; -} - -.blog .blog-comments .reply-form .form-group { - margin-bottom: 25px; -} - -.blog .blog-comments .reply-form .btn-primary { - border-radius: 4px; - padding: 10px 20px; - border: 0; - background-color: #111111; -} - -.blog .blog-comments .reply-form .btn-primary:hover { - background-color: #1e1e1e; -} - -.blog .blog-pagination { - color: #444444; -} - -.blog .blog-pagination ul { - display: flex; - padding: 0; - margin: 0; - list-style: none; -} - -.blog .blog-pagination li { - margin: 0 5px; - transition: 0.3s; -} - -.blog .blog-pagination li a { - color: #111111; - padding: 7px 16px; - display: flex; - align-items: center; - justify-content: center; -} - -.blog .blog-pagination li.active, -.blog .blog-pagination li:hover { - background: #e03a3c; -} - -.blog .blog-pagination li.active a, -.blog .blog-pagination li:hover a { - color: #fff; -} - -.blog .sidebar { - padding: 30px; - margin: 0 0 60px 20px; - box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); -} - -.blog .sidebar .sidebar-title { - font-size: 20px; - font-weight: 700; - padding: 0 0 0 0; - margin: 0 0 15px 0; - color: #111111; - position: relative; -} - -.blog .sidebar .sidebar-item { - margin-bottom: 30px; -} - -.blog .sidebar .search-form form { - background: #fff; - border: 1px solid #ddd; - padding: 3px 10px; - position: relative; -} - -.blog .sidebar .search-form form input[type=text] { - border: 0; - padding: 4px; - border-radius: 4px; - width: calc(100% - 40px); -} - -.blog .sidebar .search-form form button { - position: absolute; - top: 0; - right: 0; - bottom: 0; - border: 0; - background: none; - font-size: 16px; - padding: 0 15px; - margin: -1px; - background: #e03a3c; - color: #fff; - transition: 0.3s; - border-radius: 0 4px 4px 0; - line-height: 0; -} - -.blog .sidebar .search-form form button i { - line-height: 0; -} - -.blog .sidebar .search-form form button:hover { - background: #e34c4d; -} - -.blog .sidebar .categories ul { - list-style: none; - padding: 0; -} - -.blog .sidebar .categories ul li+li { - padding-top: 10px; -} - -.blog .sidebar .categories ul a { - color: #111111; - transition: 0.3s; -} - -.blog .sidebar .categories ul a:hover { - color: #e03a3c; -} - -.blog .sidebar .categories ul a span { - padding-left: 5px; - color: #aaaaaa; - font-size: 14px; -} - -.blog .sidebar .recent-posts .post-item+.post-item { - margin-top: 15px; -} - -.blog .sidebar .recent-posts img { - width: 80px; - float: left; -} - -.blog .sidebar .recent-posts h4 { - font-size: 15px; - margin-left: 95px; - font-weight: bold; -} - -.blog .sidebar .recent-posts h4 a { - color: #111111; - transition: 0.3s; -} - -.blog .sidebar .recent-posts h4 a:hover { - color: #e03a3c; -} - -.blog .sidebar .recent-posts time { - display: block; - margin-left: 95px; - font-style: italic; - font-size: 14px; - color: #aaaaaa; -} - -.blog .sidebar .tags { - margin-bottom: -10px; -} - -.blog .sidebar .tags ul { - list-style: none; - padding: 0; -} - -.blog .sidebar .tags ul li { - display: inline-block; -} - -.blog .sidebar .tags ul a { - color: #515151; - font-size: 14px; - padding: 6px 14px; - margin: 0 6px 8px 0; - border: 1px solid #c4c4c4; - display: inline-block; - transition: 0.3s; -} - -.blog .sidebar .tags ul a:hover { - color: #fff; - border: 1px solid #e03a3c; - background: #e03a3c; -} - -.blog .sidebar .tags ul a span { - padding-left: 5px; - color: #aaaaaa; - font-size: 14px; -} /*-------------------------------------------------------------- # Footer @@ -2187,7 +1488,7 @@ filter: blur(2px); */ } #footer .social-links a:hover { - background: #00FF0F ; + background:#00FF0F; color: #fff; text-decoration: none; } @@ -2242,7 +1543,7 @@ filter: blur(2px); */ } ::-webkit-scrollbar-thumb { - background-color: #00FF0F ; + background-color:#00FF0F; } ::-webkit-scrollbar-track { @@ -2273,7 +1574,7 @@ filter: blur(2px); */ .php-email-form .sent-message { display: none; color: #fff; - background: #18d26e; + background: #00FF0F; text-align: center; padding: 15px; font-weight: 600; @@ -2320,7 +1621,7 @@ filter: blur(2px); */ } .php-email-form button[type=submit] { - background: #00FF0F ; + background:#00FF0F; border: 0; padding: 10px 24px; color: #151515; @@ -2329,7 +1630,7 @@ filter: blur(2px); */ } .php-email-form button[type=submit]:hover { - background: #00FF0F ; + background:#00FF0F; } @keyframes animate-loading { diff --git a/index.html b/index.html index 797fe41..5edb811 100644 --- a/index.html +++ b/index.html @@ -223,7 +223,7 @@
-

What is RevolUX ?

+

What is RevolUX ?

RevolUX is an Inter University UI/UX Designathon organized by AIESEC in University of Colombo together with the IEEE Student Branch of University of Colombo School of Computing. @@ -378,7 +378,7 @@

Guidelines

- +

01

All the participants must be undergraduates studying at any university.

@@ -501,13 +501,13 @@

-
+
-

FEBRUARY 14, 2024

-

Initial Design Submission Opening


+

FEBRUARY 14, 2024

+

Initial Design Submission Opening


As per initial round submissions, it is expected to submit a solid UI solution by using mockups and prototypes. @@ -518,7 +518,7 @@

-
+
@@ -536,12 +536,12 @@

-
+
-

FEBRUARY 20, 2024

+

FEBRUARY 20, 2024

Initial Design Submission Closing