karma/website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: karma:c5bc35758e8759dd0dd910ab214dd5140fa9acfa
Branches Tags
karma:main
...
compare: karma:e87136de8aaf0769b259d2b2023027e844f88e53
Branches Tags
karma:main

2 Commits
c5bc35758e ... e87136de8a

Author SHA1 Message Date
Karma Riuk
e87136de8a testing colors 2023-09-01 15:15:56 +02:00
Karma Riuk
0504e918e9 formatted css file 2023-09-01 15:07:41 +02:00
2 changed files with 48 additions and 26 deletions
Show Stats Expand all files Collapse all files

44
assets/css/style.css
View File

@ -133,7 +133,7 @@ h6 {
.navbar a:hover, .navbar a:hover,
.navbar .active, .navbar .active,
.navbar .active:focus, .navbar .active:focus,
.navbar li:hover>a { .navbar li:hover > a {
color: #ffb727; color: #ffb727;
} }
@ -172,11 +172,11 @@ h6 {
.navbar .dropdown ul a:hover, .navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover, .navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a { .navbar .dropdown ul li:hover > a {
color: #ffb727; color: #ffb727;
} }
.navbar .dropdown:hover>ul { .navbar .dropdown:hover > ul {
opacity: 1; opacity: 1;
top: 100%; top: 100%;
visibility: visible; visibility: visible;
@ -188,7 +188,7 @@ h6 {
visibility: hidden; visibility: hidden;
} }
.navbar .dropdown .dropdown:hover>ul { .navbar .dropdown .dropdown:hover > ul {
opacity: 1; opacity: 1;
top: 0; top: 0;
left: 100%; left: 100%;
@ -200,7 +200,7 @@ h6 {
left: -90%; left: -90%;
} }
.navbar .dropdown .dropdown:hover>ul { .navbar .dropdown .dropdown:hover > ul {
left: -100%; left: -100%;
} }
} }
@ -268,7 +268,7 @@ h6 {
.navbar-mobile a:hover, .navbar-mobile a:hover,
.navbar-mobile .active, .navbar-mobile .active,
.navbar-mobile li:hover>a { .navbar-mobile li:hover > a {
color: #ffb727; color: #ffb727;
} }
@ -303,11 +303,11 @@ h6 {
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a { .navbar-mobile .dropdown ul li:hover > a {
color: #ffb727; color: #ffb727;
} }
.navbar-mobile .dropdown>.dropdown-active { .navbar-mobile .dropdown > .dropdown-active {
display: block; display: block;
} }
@ -443,6 +443,10 @@ section {
line-height: 0; line-height: 0;
} }
#test span {
color: #3b434a17;
}
.section-title p { .section-title p {
margin-bottom: 0; margin-bottom: 0;
position: relative; position: relative;
@ -497,11 +501,11 @@ section {
font-size: 14px; font-size: 14px;
} }
.breadcrumbs ol li+li { .breadcrumbs ol li + li {
padding-left: 10px; padding-left: 10px;
} }
.breadcrumbs ol li+li::before { .breadcrumbs ol li + li::before {
display: inline-block; display: inline-block;
padding-right: 10px; padding-right: 10px;
color: #6c757d; color: #6c757d;
@ -971,7 +975,10 @@ section {
position: relative; position: relative;
} }
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet { .portfolio-details
.portfolio-details-slider
.swiper-pagination
.swiper-pagination-bullet {
width: 12px; width: 12px;
height: 12px; height: 12px;
background-color: #fff; background-color: #fff;
@ -979,7 +986,10 @@ section {
border: 1px solid #ffb727; border: 1px solid #ffb727;
} }
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active { .portfolio-details
.portfolio-details-slider
.swiper-pagination
.swiper-pagination-bullet-active {
background-color: #ffb727; background-color: #ffb727;
} }
@ -1002,7 +1012,7 @@ section {
font-size: 15px; font-size: 15px;
} }
.portfolio-details .portfolio-info ul li+li { .portfolio-details .portfolio-info ul li + li {
margin-top: 10px; margin-top: 10px;
} }
@ -1208,7 +1218,7 @@ section {
font-weight: 600; font-weight: 600;
} }
.contact .php-email-form .error-message br+br { .contact .php-email-form .error-message br + br {
margin-top: 25px; margin-top: 25px;
} }
@ -1260,7 +1270,7 @@ section {
padding: 12px 15px; padding: 12px 15px;
} }
.contact .php-email-form button[type=submit] { .contact .php-email-form button[type="submit"] {
background: #ffb727; background: #ffb727;
border: 0; border: 0;
padding: 10px 24px; padding: 10px 24px;
@ -1269,7 +1279,7 @@ section {
border-radius: 5px; border-radius: 5px;
} }
.contact .php-email-form button[type=submit]:hover { .contact .php-email-form button[type="submit"]:hover {
background: #ffc85a; background: #ffc85a;
} }
@ -1358,4 +1368,4 @@ section {
#footer .credits { #footer .credits {
font-size: 13px; font-size: 13px;
} }

30
index.html
View File

@ -71,15 +71,27 @@
<section id="about" class="about"> <section id="about" class="about">
<div class="container"> <div class="container">
<div class="section-title"> <div class="row">
<span>About Me</span> <div class="section-title col-lg-6">
<h2>About Me</h2> <span>About Me</span>
<p> Passionate about computer science and love to have lengthy conversations <h2>About Me</h2>
about it.<br> <p> Passionate about computer science and love to have lengthy conversations
Autonomous but also capable of communicating and about it.<br>
handling people.<br> Autonomous but also capable of communicating and
Overall flexible, adaptable and always curious by new experiences. handling people.<br>
</p> Overall flexible, adaptable and always curious by new experiences.
</p>
</div>
<div class="section-title col-lg-6" id="test">
<span>About Me</span>
<h2>About Me</h2>
<p> Passionate about computer science and love to have lengthy conversations
about it.<br>
Autonomous but also capable of communicating and
handling people.<br>
Overall flexible, adaptable and always curious by new experiences.
</p>
</div>
</div> </div>
<div class="row"> <div class="row">