Skip to content

Commit 1bccbaf

Browse files
TolisSthTolisSth
authored
Merge pull request #2 from michadasis/main
General visual fixes
2 parents 2ea5ec0 + 6fbcdf0 commit 1bccbaf

2 files changed

Lines changed: 228 additions & 7 deletions

File tree

‎assets/css/unios-theme.css‎

Lines changed: 218 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -455,3 +455,221 @@ footer {
455455
background-color: var(--pink) !important;
456456
border-color: var(--pink) !important;
457457
}
458+
459+
/* ── Preloader: full dark override ── */
460+
.js-preloader {
461+
background-color: var(--black) !important;
462+
}
463+
464+
.preloader-inner {
465+
background: transparent !important;
466+
background-color: transparent !important;
467+
}
468+
469+
.preloader-inner .dot {
470+
background: var(--pink) !important;
471+
}
472+
473+
.preloader-inner .dots span {
474+
background: var(--pink) !important;
475+
}
476+
477+
/* ── Mobile navbar: dark instead of white ── */
478+
@media (max-width: 767px) {
479+
.header-area {
480+
background-color: rgba(20, 20, 20, 0.98) !important;
481+
box-shadow: 0 2px 20px rgba(0,0,0,0.4) !important;
482+
height: auto !important;
483+
min-height: 70px;
484+
padding: 0 15px !important;
485+
}
486+
487+
.header-area .main-nav .nav {
488+
background-color: rgba(20, 20, 20, 0.98) !important;
489+
}
490+
491+
.header-area .main-nav .nav li {
492+
background: rgba(30, 30, 30, 0.98) !important;
493+
border-bottom: 1px solid var(--dark-border) !important;
494+
}
495+
496+
.header-area .main-nav .nav li:first-child {
497+
border-top: 1px solid var(--dark-border) !important;
498+
}
499+
500+
.header-area .main-nav .nav li a {
501+
color: var(--text) !important;
502+
background: transparent !important;
503+
height: 50px !important;
504+
line-height: 50px !important;
505+
}
506+
507+
.header-area .main-nav .nav li a:hover,
508+
.header-area.header-sticky .nav li a:hover,
509+
.header-area.header-sticky .nav li a.active {
510+
color: var(--pink) !important;
511+
background: rgba(200, 124, 184, 0.08) !important;
512+
}
513+
514+
/* Hamburger menu trigger — visible and styled */
515+
.header-area .menu-trigger span,
516+
.header-area .menu-trigger span::before,
517+
.header-area .menu-trigger span::after {
518+
background: var(--pink) !important;
519+
}
520+
521+
/* ── Hero banner: reduce massive padding on mobile ── */
522+
.main-banner {
523+
padding: 110px 20px 60px 20px !important;
524+
text-align: center !important;
525+
}
526+
527+
.main-banner .left-content h2 {
528+
font-size: 32px !important;
529+
line-height: 1.2 !important;
530+
margin-bottom: 16px !important;
531+
}
532+
533+
.main-banner .left-content p {
534+
font-size: 15px !important;
535+
margin-bottom: 28px !important;
536+
}
537+
538+
/* Buttons: stack vertically and center on mobile */
539+
.main-banner .left-content .white-button {
540+
display: block !important;
541+
text-align: center;
542+
margin-bottom: 12px !important;
543+
}
544+
545+
.main-banner .left-content .white-button.first-button,
546+
.main-banner .left-content .white-button.second-button {
547+
margin-right: 0 !important;
548+
}
549+
550+
.main-banner .left-content .white-button a {
551+
display: inline-block !important;
552+
padding: 12px 30px !important;
553+
font-size: 14px !important;
554+
}
555+
556+
/* ── Services: remove excessive side padding on mobile ── */
557+
.services .col-lg-3 {
558+
padding-left: 20px !important;
559+
padding-right: 20px !important;
560+
margin-bottom: 20px;
561+
}
562+
563+
.service-item {
564+
padding: 28px 24px !important;
565+
}
566+
567+
/* ── Team members: 2-col grid on mobile instead of 1 ── */
568+
.team-members {
569+
grid-template-columns: repeat(2, 1fr) !important;
570+
gap: 16px !important;
571+
}
572+
573+
.member {
574+
width: auto !important;
575+
margin: 0 !important;
576+
padding: 16px 12px !important;
577+
}
578+
579+
.member img {
580+
width: 90px !important;
581+
height: 90px !important;
582+
}
583+
584+
.member h5 {
585+
font-size: 14px !important;
586+
}
587+
588+
.member p {
589+
font-size: 13px !important;
590+
margin-bottom: 10px !important;
591+
}
592+
593+
/* ── FAQ on mobile ── */
594+
.faq-container {
595+
padding: 0 8px !important;
596+
}
597+
598+
.faq {
599+
padding: 16px !important;
600+
}
601+
602+
.faq-title {
603+
font-size: 15px !important;
604+
padding-right: 36px;
605+
}
606+
607+
/* ── Footer on mobile ── */
608+
footer {
609+
padding-top: 60px !important;
610+
text-align: center !important;
611+
}
612+
613+
.footer-widget h4 {
614+
margin-top: 30px !important;
615+
}
616+
617+
.contact.flexbox {
618+
flex-direction: column !important;
619+
}
620+
621+
/* ── Section headings: tighten spacing on mobile ── */
622+
.section-heading {
623+
padding: 0 10px !important;
624+
}
625+
626+
.section-heading h2 {
627+
font-size: 24px !important;
628+
}
629+
630+
.section-heading p {
631+
font-size: 15px !important;
632+
}
633+
}
634+
635+
/* ── Tablet (768–991px): 2-col service cards ── */
636+
@media (min-width: 768px) and (max-width: 991px) {
637+
.main-banner {
638+
padding: 150px 40px 80px 40px !important;
639+
text-align: center !important;
640+
}
641+
642+
.main-banner .left-content h2 {
643+
font-size: 40px !important;
644+
line-height: 1.25 !important;
645+
}
646+
647+
.main-banner .left-content .white-button {
648+
display: inline-block !important;
649+
margin-bottom: 12px !important;
650+
}
651+
652+
.services .col-lg-3 {
653+
flex: 0 0 50% !important;
654+
max-width: 50% !important;
655+
padding-left: 20px !important;
656+
padding-right: 20px !important;
657+
margin-bottom: 24px;
658+
}
659+
660+
.team-members {
661+
grid-template-columns: repeat(2, 1fr) !important;
662+
gap: 24px !important;
663+
}
664+
665+
footer {
666+
padding-top: 80px !important;
667+
}
668+
}
669+
670+
/* ── Very small screens (≤400px): single-col team ── */
671+
@media (max-width: 400px) {
672+
.team-members {
673+
grid-template-columns: repeat(1, 1fr) !important;
674+
}
675+
}

‎index.html‎

Lines changed: 10 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -119,7 +119,7 @@ <h2>Γνωρίστε το UniOS!</h2>
119119
<a href="https://discord.gg/QA9AxTdppX">Discord <i class="fa-brands fa-discord"></i></a>
120120
</div>
121121
<div class="white-button scroll-to-section">
122-
<a href="https://drive.google.com/file/d/1xKIhVgot7agSh11pZIM-_6tyI_fbTSFX/view?usp=sharing">Donwload <i class="fa-solid fa-download"></i></a>
122+
<a href="https://drive.google.com/file/d/1xKIhVgot7agSh11pZIM-_6tyI_fbTSFX/view?usp=sharing">Download <i class="fa-solid fa-download"></i></a>
123123
</div>
124124
</div>
125125
</div>
@@ -251,12 +251,6 @@ <h5>Konstantina Deligianni</h5>
251251
<a href="https://www.linkedin.com/in/konstantina-deligianni-168b23294/" target="_blank"><i class="fab fa-linkedin"></i></a>
252252
</div>
253253
</div>
254-
<!-- Yuki -->
255-
<div class="member">
256-
<img src="assets/members/yuki.jpg" alt="Member 1">
257-
<h5>Yuki >-<</h5>
258-
<p>Quality Assurance</p>
259-
</div>
260254
<!-- Apostolidis -->
261255
<div class="member">
262256
<img src="assets/members/apostolidis.jpeg" alt="Member 1">
@@ -266,6 +260,15 @@ <h5>George David Apostolidis</h5>
266260
<a href="https://www.linkedin.com/in/geoapos/" target="_blank"><i class="fab fa-linkedin"></i></a>
267261
</div>
268262
</div>
263+
<!-- Yuki -->
264+
<div class="member">
265+
<img src="assets/members/yuki.jpg" alt="Member 1">
266+
<h5>Yuki >-<</h5>
267+
<p>Quality Assurance</p>
268+
<div class="social-links">
269+
<a><i class="fas fa-paw"></i></a>
270+
</div>
271+
</div>
269272
<!-- Add more members as needed -->
270273
</div>
271274
</div>

0 commit comments

Comments
 (0)