From e3b2c697beda9e46488385b0ef1a7b13d2e57b58 Mon Sep 17 00:00:00 2001
From: KEREMADALI
Date: Tue, 5 Nov 2024 10:53:09 +0300
Subject: [PATCH] Rearrange folder structure
---
company.html => company/index.html | 88 +++++++++-------
css/common.css | 147 +++++++++++++--------------
css/company.css | 70 ++++++-------
css/homepage.css | 89 ++++++++--------
css/services.css | 30 +++---
index.html | 12 +--
services.html => services/index.html | 94 ++++++++++-------
7 files changed, 279 insertions(+), 251 deletions(-)
rename company.html => company/index.html (75%)
rename services.html => services/index.html (64%)
diff --git a/company.html b/company/index.html
similarity index 75%
rename from company.html
rename to company/index.html
index f14f5be..f0673b5 100644
--- a/company.html
+++ b/company/index.html
@@ -1,31 +1,36 @@
+
+
-
+
-
- Company
+
+ Company
+
-
SAVAS
- GUVEN
+ GUVEN
Founder and CTO
OLIVER
- RIEKENBRAUK
+ RIEKENBRAUK
Director of Business Development
@@ -126,45 +134,48 @@ Our growth
2020
-
+
2021
-
+
2022
-
+
2023
-
+
2024
-
+
-
+
Achivements
- Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aspernatur nihil repellat voluptates unde amet repellendus quidem aut sapiente at fugit nostrum facere voluptate commodi accusantium enim officia, atque nulla? Modi culpa distinctio eveniet iste veniam cumque nulla quisquam quae? Quia veritatis voluptatum impedit nesciunt voluptas porro consequatur officiis nostrum reiciendis.
+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aspernatur nihil repellat voluptates unde amet
+ repellendus quidem aut sapiente at fugit nostrum facere voluptate commodi accusantium enim officia, atque
+ nulla? Modi culpa distinctio eveniet iste veniam cumque nulla quisquam quae? Quia veritatis voluptatum
+ impedit nesciunt voluptas porro consequatur officiis nostrum reiciendis.
Want to join our team ?
- We’re constantly seeking skilled individuals to become part of our rapidly expanding team.
+
We’re constantly seeking skilled individuals to become part of our rapidly expanding team.
Check out the current job openings on our Careers page.
- Apply now
+ Apply now
+
\ No newline at end of file
diff --git a/css/common.css b/css/common.css
index 2fa5f54..e2c643a 100644
--- a/css/common.css
+++ b/css/common.css
@@ -1,11 +1,11 @@
:root {
- --darker-blue:#072249;
- --dark-blue:#0062AF;
- --light-blue:#F7FBFF;
- --text-grey: #595959;
- --light-grey: #999999;
- --shadow-color:#DEEBF7;
-}
+ --darker-blue: #072249;
+ --dark-blue: #0062AF;
+ --light-blue: #F7FBFF;
+ --text-grey: #595959;
+ --light-grey: #999999;
+ --shadow-color: #DEEBF7;
+}
*,
*:before,
@@ -17,39 +17,37 @@
font-family: "Inter", Helvetica, sans-serif;
}
-.classic-btn{
- background-color: var(--dark-blue);
- color: white;
-
- width: 192px;
- height: 45px;
- border-radius: 25px;
- border: none;
+.classic-btn {
+ background-color: var(--dark-blue);
+ color: white;
+
+ width: 192px;
+ height: 45px;
+ border-radius: 25px;
+ border: none;
- font-size: 1.1rem;
- font-weight: 200;
+ font-size: 1.1rem;
+ font-weight: 200;
}
/* Header */
-#header-section{
+#header-section {
display: flex;
flex-direction: column;
justify-content: space-between;
- background-image: linear-gradient(
- 180deg,
- hsla(210, 100%, 14%,1),
- hsla(210, 100%, 14%,0.8)
- ),
- url(../images/header/hero.png);
+ background-image: linear-gradient(180deg,
+ hsla(210, 100%, 14%, 1),
+ hsla(210, 100%, 14%, 0.8)),
+ url(../images/header/hero.png);
background-size: cover;
background-position: center;
-
+
height: 100vh;
}
-#header{
+#header {
display: flex;
flex-direction: column;
justify-content: center;
@@ -60,13 +58,13 @@
text-align: center;
}
-#header h1{
+#header h1 {
font-weight: bold;
font-size: 4rem;
font-weight: 600;
}
-#header p{
+#header p {
padding: 2rem;
font-size: 1.4rem;
@@ -74,24 +72,24 @@
}
/* Navigation */
-#navigation{
+#navigation {
display: flex;
justify-content: space-between;
align-items: center;
-
+
padding: 1rem 3rem;
text-decoration: none;
}
-#navigation a{
+#navigation a {
text-decoration: none;
font-size: 1rem;
margin: 1rem;
color: white;
}
-#navigation a:hover{
+#navigation a:hover {
text-decoration: underline;
}
@@ -99,7 +97,7 @@
display: flex;
}
-#language-selector select{
+#language-selector select {
background: none;
border: none;
color: white;
@@ -107,10 +105,10 @@
}
/* Custom Section*/
-.custom-section{
+.custom-section {
display: flex;
flex-direction: column;
- justify-content:space-evenly;
+ justify-content: space-evenly;
padding-top: 5.5rem;
padding-bottom: 5.5rem;
@@ -130,20 +128,20 @@
margin-left: auto;
}
-.custom-section header{
+.custom-section header {
color: var(--dark-blue);
- font-weight:bold;
+ font-weight: bold;
font-size: 22px;
}
-.custom-section h1{
+.custom-section h1 {
font-size: 42px;
margin: 1rem 0;
}
-.custom-section p{
+.custom-section p {
padding: 1rem 0;
color: var(--text-grey);
@@ -173,28 +171,29 @@
z-index: 2;
}
-.carousel-wrapper:before{
+.carousel-wrapper:before {
left: 0;
- background: linear-gradient(to left, rgba(255,255,255,0), white);
+ background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
}
-.carousel-wrapper:after{
+.carousel-wrapper:after {
right: 0;
- background: linear-gradient(to right, rgba(255,255,255,0), white);
+ background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}
-@keyframes slide{
- from{
- transform: translate(0);
+@keyframes slide {
+ from {
+ transform: translate(0);
}
- to{
- transform: translate(-100%);
+
+ to {
+ transform: translate(-100%);
}
}
.carousel {
display: inline-block;
-
+
padding: 10px 0px;
margin: 0;
@@ -202,7 +201,7 @@
}
/* Footer */
-#footer-section{
+#footer-section {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
@@ -216,31 +215,31 @@
font-size: 16px;
}
-#footer-section *{
+#footer-section * {
font-size: 16px;
line-height: 1.5;
}
-#footer-section > *{
+#footer-section>* {
margin-bottom: 20px;
}
-#footer-logo{
+#footer-logo {
width: 100%;
}
-#footer-texts{
+#footer-texts {
display: flex;
flex-direction: column;
justify-content: space-between;
}
-#footer-site-map{
+#footer-site-map {
display: flex;
flex-direction: column;
}
-#footer-site-map a{
+#footer-site-map a {
margin-top: 1rem;
color: white;
@@ -248,14 +247,14 @@
font-size: 14px;
}
-#footer-address-wrapper{
+#footer-address-wrapper {
display: flex;
justify-content: space-around;
min-width: 50%;
}
-.footer-address{
+.footer-address {
display: flex;
flex-direction: column;
justify-content: space-between;
@@ -263,7 +262,7 @@
height: 246px;
}
-.footer-address p{
+.footer-address p {
margin-top: 10px;
}
@@ -273,14 +272,14 @@
justify-content: flex-start;
justify-self: flex-end;
- margin-top:30px;
+ margin-top: 30px;
}
-.footer-address-contact img{
+.footer-address-contact img {
filter: invert(100%);
}
-.contact-info{
+.contact-info {
display: flex;
justify-content: flex-start;
align-items: center;
@@ -288,17 +287,17 @@
margin-top: 10px;
}
-.contact-info img{
+.contact-info img {
margin-right: 10px;
}
/* Lets Talk */
-#lets-talk-section{
+#lets-talk-section {
position: relative;
align-items: center;
text-align: center;
- background: linear-gradient(180deg, rgba(7,34,73,0.7), rgba(7,34,73,1));
+ background: linear-gradient(180deg, rgba(7, 34, 73, 0.7), rgba(7, 34, 73, 1));
color: white;
@@ -306,7 +305,7 @@
margin-top: -150px;
}
-#lets-talk-section::before{
+#lets-talk-section::before {
position: absolute;
top: 0;
@@ -319,17 +318,17 @@
left: 0;
background-color: white;
- border-radius: 100% 0% 100% 0% / 0% 0% 100% 100% ;
+ border-radius: 100% 0% 100% 0% / 0% 0% 100% 100%;
}
-#lets-talk-section p{
+#lets-talk-section p {
color: white;
margin: 1.5rem 0;
}
/* Technology */
-#technology-section{
+#technology-section {
display: flex;
align-items: center;
@@ -339,8 +338,8 @@
z-index: 3;
}
-#technology-section .carousel img{
- margin: 0px 20px ;
+#technology-section .carousel img {
+ margin: 0px 20px;
padding: 20px;
height: 80px;
@@ -348,16 +347,16 @@
border: 1px solid lightgrey;
border-radius: 25px;
- background: linear-gradient(180deg, rgba(153,153,153,0.08), white);
+ background: linear-gradient(180deg, rgba(153, 153, 153, 0.08), white);
}
/* Card */
-.card{
+.card {
padding: 40px;
border-radius: 5%;
- background-color:white;
+ background-color: white;
box-shadow: 15px 15px 15px var(--shadow-color);
text-align: left;
diff --git a/css/company.css b/css/company.css
index f4886e8..484e577 100644
--- a/css/company.css
+++ b/css/company.css
@@ -1,18 +1,18 @@
/* General */
@import url("common.css");
-#header-statistic-box{
+#header-statistic-box {
display: flex;
justify-content: center;
align-items: center;
-
+
height: 22%;
width: 100%;
-
+
background-color: rgba(7, 34, 73, 0.37);
}
-.statistic{
+.statistic {
display: flex;
flex-direction: column;
@@ -24,28 +24,28 @@
color: white;
}
-.statistic h3{
+.statistic h3 {
font-size: 42px;
}
-.statistic p{
+.statistic p {
font-size: 22px;
font-weight: 150;
}
-.statistic-spacer{
+.statistic-spacer {
height: 117px;
border-right: 1px solid white;
}
/* About Us */
-#about-us-section .custom-section{
+#about-us-section .custom-section {
align-items: center;
text-align: center;
}
-#about-us-section img{
+#about-us-section img {
width: 100%;
height: 439px;
@@ -53,15 +53,15 @@
}
/* Certifications */
-#certifications-section{
+#certifications-section {
align-items: center;
}
-#certifications-carousel{
+#certifications-carousel {
max-width: 1271px;
}
-.carousel img{
+.carousel img {
height: 104px;
width: 106px;
@@ -75,17 +75,17 @@
}
/* Our team */
-#our-team-section{
+#our-team-section {
background-color: var(--light-blue);
}
-#our-team-section .custom-section{
+#our-team-section .custom-section {
align-items: center;
text-align: center;
}
-.card-grid{
+.card-grid {
display: grid;
grid-template-columns: 1fr 1fr;
@@ -94,7 +94,7 @@
margin-top: 40px;
}
-.photo-card{
+.photo-card {
display: grid;
grid-template-rows: 7fr 1fr 1fr;
@@ -111,7 +111,7 @@
box-shadow: 15px 15px 15px var(--shadow-color);
}
-.photo-card h1{
+.photo-card h1 {
align-self: flex-end;
margin: 10px 0;
@@ -120,7 +120,7 @@
font-weight: bold;
}
-.photo-card h2{
+.photo-card h2 {
margin: 0;
font-size: 22px;
@@ -128,18 +128,18 @@
}
/* Timeline */
-#timeline-section{
+#timeline-section {
align-items: center;
text-align: center;
}
-#timeline-section h2{
+#timeline-section h2 {
font-size: 22px;
font-weight: 200;
}
-.timeline{
+.timeline {
position: relative;
display: flex;
justify-content: space-between;
@@ -150,7 +150,7 @@
margin: 30px;
}
-.timeline .line{
+.timeline .line {
position: absolute;
top: 70%;
@@ -158,48 +158,48 @@
left: 43px;
height: 2px;
-
+
background-color: black;
}
-.pin{
+.pin {
position: relative;
display: flex;
flex-direction: column;
-
- gap:1.5rem;
+
+ gap: 1.5rem;
}
-.pin .selected,
-.not-selected{
+.pin .selected,
+.not-selected {
display: flex;
justify-content: center;
align-items: center;
-
+
height: 51px;
width: 100px;
}
-.pin .selected{
+.pin .selected {
font-size: 42px;
font-weight: 500;
color: var(--dark-blue);
}
-.pin .not-selected{
+.pin .not-selected {
font-size: 18px;
font-weight: 200;
color: black;
}
-.pin img{
+.pin img {
object-fit: none;
pointer-events: none;
}
/* Career */
-#career-section{
+#career-section {
align-items: center;
background-color: var(--light-blue);
@@ -207,6 +207,6 @@
text-align: center;
}
-#career-section button{
+#career-section button {
margin-top: 48px;
-}
+}
\ No newline at end of file
diff --git a/css/homepage.css b/css/homepage.css
index 38ce41b..05d21b9 100644
--- a/css/homepage.css
+++ b/css/homepage.css
@@ -2,17 +2,17 @@
@import url("common.css");
/* About Us */
-#about-section{
+#about-section {
display: flex;
justify-content: flex-end;
gap: 150px;
}
-#about-section button{
+#about-section button {
margin-top: 2rem;
}
-#detail-wrapper{
+#detail-wrapper {
display: flex;
flex-direction: column;
justify-content: flex-end;
@@ -20,7 +20,7 @@
padding-bottom: 5.5rem;
}
-#detail-wrapper img{
+#detail-wrapper img {
height: 495.05px;
width: 719px;
@@ -30,43 +30,43 @@
border-radius: 300px 0 0 300px;
}
-#about-details{
+#about-details {
display: flex;
- flex-direction:row;
+ flex-direction: row;
justify-content: space-between;
}
-#about-details .detail-box{
+#about-details .detail-box {
margin-right: 30px;
}
-#about-details h2{
+#about-details h2 {
color: var(--text-grey);
font-size: 42px;
}
-#about-details p{
+#about-details p {
color: var(--text-grey);
font-size: 22px;
font-weight: 200;
}
/* Service */
-#services-section{
+#services-section {
align-items: center;
background-color: var(--light-blue);
text-align: center;
}
-#services-section button{
+#services-section button {
width: 161px;
align-self: center;
margin-top: 1.5rem;
}
-#service-grid{
+#service-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3rem;
@@ -75,7 +75,7 @@
margin: 0;
}
-.services-box{
+.services-box {
display: flex;
flex-direction: column;
align-items: flex-start;
@@ -85,49 +85,50 @@
padding: 0 3rem;
height: 304px;
width: 454px;
-
+
border: 1px solid transparent;
}
-.services-box:hover{
- border: 1px solid var(--dark-blue);
+.services-box:hover {
+ border: 1px solid var(--dark-blue);
}
-.services-box h1{
+.services-box h1 {
color: var(--dark-blue);
font-size: 25px;
}
-.services-box p{
+.services-box p {
margin: 0;
padding: 0;
font-size: 18px;
font-weight: 300;
-
+
color: #595959;
}
-.services-box a{
+.services-box a {
font-size: 16px;
color: var(--dark-blue);
text-decoration: none;
}
/* Business Model */
-#business-model-section{
+#business-model-section {
background-color: var(--light-blue);
}
-.model-grid{
+.model-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 2rem;
}
-.model-box{
+.model-box {
width: 289px;
- height: 237px;;
+ height: 237px;
+ ;
padding: 1rem;
@@ -137,30 +138,30 @@
isolation: isolate;
}
-.model-box .image-background{
+.model-box .image-background {
display: flex;
justify-content: center;
align-items: center;
-
+
width: 65px;
height: 65px;
-
+
border-radius: 50%;
background-color: var(--dark-blue);
}
-.model-box img{
+.model-box img {
border-radius: 50%;
filter: invert(100%);
}
-.model-box p{
+.model-box p {
font-size: 18px;
font-weight: 300;
}
/* Case Studies */
-#case-studies-section{
+#case-studies-section {
align-items: center;
text-align: center;
@@ -168,13 +169,13 @@
z-index: 3;
}
-#case-studies-section .classic-btn{
+#case-studies-section .classic-btn {
margin-top: 48px;
-
+
width: 242px;
}
-#case-study-grid{
+#case-study-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
@@ -182,7 +183,7 @@
margin-top: 50px;
}
-.case-study-cell{
+.case-study-cell {
display: flex;
flex-direction: column;
@@ -195,20 +196,20 @@
box-shadow: 10px 10px 10px var(--shadow-color);
}
-.case-study-cell:hover{
- border: 1px solid var(--dark-blue);
+.case-study-cell:hover {
+ border: 1px solid var(--dark-blue);
}
-.case-study-cell img{
+.case-study-cell img {
object-fit: cover;
-
+
height: 253px;
width: 570px;
border-radius: 15px 15px 0 0;
}
-.case-study-metadata{
+.case-study-metadata {
display: flex;
flex-direction: column;
justify-content: space-between;
@@ -220,29 +221,29 @@
margin: 24px 40px;
}
-.case-study-metadata time{
+.case-study-metadata time {
font-size: 16px;
font-weight: 200;
color: var(--light-grey);
}
-.case-study-metadata h2{
+.case-study-metadata h2 {
font-size: 18px;
}
-.case-study-metadata a{
+.case-study-metadata a {
font-size: 16px;
color: var(--dark-blue);
text-decoration: none;
}
/* Testimonials */
-#testimonials-section{
+#testimonials-section {
align-items: center;
justify-content: center;
background-color: var(--light-blue);
}
-#testimonials-section h1{
+#testimonials-section h1 {
text-align: center;
}
\ No newline at end of file
diff --git a/css/services.css b/css/services.css
index 2857401..b478fcb 100644
--- a/css/services.css
+++ b/css/services.css
@@ -1,33 +1,33 @@
@import url("common.css");
/* Services */
-#service-section{
+#service-section {
display: flex;
flex-direction: column;
}
-#main-image{
+#main-image {
height: 494px;
object-fit: cover;
}
-#service-section-content{
+#service-section-content {
display: grid;
grid-template-columns: auto auto;
padding-top: 5.5rem;
}
-#content-column{
+#content-column {
padding-top: 0;
}
-.dropdown-item{
+.dropdown-item {
margin-bottom: 15px;
}
-.dropdown .card{
+.dropdown .card {
display: flex;
flex-direction: row;
@@ -35,23 +35,23 @@
align-items: center;
}
-.dropdown .card header{
+.dropdown .card header {
color: var(--dark-blue);
font-size: 25px;
font-weight: 500;
}
-.dropdown-toggle{
+.dropdown-toggle {
height: 35px;
width: 35px;
- object-fit:contain;
+ object-fit: contain;
}
/* Ways of Work */
-#ways-of-work-section{
+#ways-of-work-section {
align-items: center;
text-align: center;
@@ -59,23 +59,23 @@
background-color: var(--light-blue);
}
-#work-grid{
+#work-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 26px;
}
-.work-card{
+.work-card {
display: grid;
grid-template-rows: 50px 1fr;
- gap:24px;
+ gap: 24px;
height: 395px;
width: 382px;
}
-.work-card h1{
+.work-card h1 {
display: flex;
align-items: flex-start;
@@ -86,7 +86,7 @@
color: var(--dark-blue);
}
-.work-card p{
+.work-card p {
margin: 0;
padding: 0;
diff --git a/index.html b/index.html
index bb857a6..fda82ab 100644
--- a/index.html
+++ b/index.html
@@ -12,12 +12,12 @@