Uploaded the files.

This commit is contained in:
Batuhan Berk Başoğlu 2024-05-17 16:57:41 -04:00
commit 37661b3ee7
374 changed files with 90632 additions and 0 deletions

View file

@ -0,0 +1,11 @@
/* @extend display-flex; */
display-flex {
display: flex;
display: -webkit-flex;
}
/* @extend list-type-ulli; */
list-type-ulli {
list-style-type: none;
margin: 0;
padding: 0;
}

View file

@ -0,0 +1,156 @@
/* poppins-300 - latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
src: url('../fonts/poppins/poppins-v5-latin-300.eot'); /* IE9 Compat Modes */
src: local('Poppins Light'), local('Poppins-Light'),
url('../fonts/poppins/poppins-v5-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/poppins/poppins-v5-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/poppins/poppins-v5-latin-300.woff') format('woff'), /* Modern Browsers */
url('../fonts/poppins/poppins-v5-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/poppins/poppins-v5-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-300italic - latin */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 300;
src: url('../fonts/poppins/poppins-v5-latin-300italic.eot'); /* IE9 Compat Modes */
src: local('Poppins Light Italic'), local('Poppins-LightItalic'),
url('../fonts/poppins/poppins-v5-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/poppins/poppins-v5-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/poppins/poppins-v5-latin-300italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/poppins/poppins-v5-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/poppins/poppins-v5-latin-300italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-regular - latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
src: url('../fonts/poppins/poppins-v5-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Poppins Regular'), local('Poppins-Regular'),
url('../fonts/poppins/poppins-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/poppins/poppins-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/poppins/poppins-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/poppins/poppins-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/poppins/poppins-v5-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-italic - latin */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 400;
src: url('../fonts/poppins/poppins-v5-latin-italic.eot'); /* IE9 Compat Modes */
src: local('Poppins Italic'), local('Poppins-Italic'),
url('../fonts/poppins/poppins-v5-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/poppins/poppins-v5-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/poppins/poppins-v5-latin-italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/poppins/poppins-v5-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/poppins/poppins-v5-latin-italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500 - latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
src: url('../fonts/poppins/poppins-v5-latin-500.eot'); /* IE9 Compat Modes */
src: local('Poppins Medium'), local('Poppins-Medium'),
url('../fonts/poppins/poppins-v5-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/poppins/poppins-v5-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/poppins/poppins-v5-latin-500.woff') format('woff'), /* Modern Browsers */
url('../fonts/poppins/poppins-v5-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/poppins/poppins-v5-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500italic - latin */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 500;
src: url('../fonts/poppins/poppins-v5-latin-500italic.eot'); /* IE9 Compat Modes */
src: local('Poppins Medium Italic'), local('Poppins-MediumItalic'),
url('../fonts/poppins/poppins-v5-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/poppins/poppins-v5-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/poppins/poppins-v5-latin-500italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/poppins/poppins-v5-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/poppins/poppins-v5-latin-500italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600 - latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
src: url('../fonts/poppins/poppins-v5-latin-600.eot'); /* IE9 Compat Modes */
src: local('Poppins SemiBold'), local('Poppins-SemiBold'),
url('../fonts/poppins/poppins-v5-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/poppins/poppins-v5-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/poppins/poppins-v5-latin-600.woff') format('woff'), /* Modern Browsers */
url('../fonts/poppins/poppins-v5-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/poppins/poppins-v5-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700 - latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
src: url('../fonts/poppins/poppins-v5-latin-700.eot'); /* IE9 Compat Modes */
src: local('Poppins Bold'), local('Poppins-Bold'),
url('../fonts/poppins/poppins-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/poppins/poppins-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/poppins/poppins-v5-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/poppins/poppins-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/poppins/poppins-v5-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700italic - latin */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 700;
src: url('../fonts/poppins/poppins-v5-latin-700italic.eot'); /* IE9 Compat Modes */
src: local('Poppins Bold Italic'), local('Poppins-BoldItalic'),
url('../fonts/poppins/poppins-v5-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/poppins/poppins-v5-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/poppins/poppins-v5-latin-700italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/poppins/poppins-v5-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/poppins/poppins-v5-latin-700italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-800 - latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 800;
src: url('../fonts/poppins/poppins-v5-latin-800.eot'); /* IE9 Compat Modes */
src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'),
url('../fonts/poppins/poppins-v5-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/poppins/poppins-v5-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/poppins/poppins-v5-latin-800.woff') format('woff'), /* Modern Browsers */
url('../fonts/poppins/poppins-v5-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/poppins/poppins-v5-latin-800.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-800italic - latin */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 800;
src: url('../fonts/poppins/poppins-v5-latin-800italic.eot'); /* IE9 Compat Modes */
src: local('Poppins ExtraBold Italic'), local('Poppins-ExtraBoldItalic'),
url('../fonts/poppins/poppins-v5-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/poppins/poppins-v5-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/poppins/poppins-v5-latin-800italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/poppins/poppins-v5-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/poppins/poppins-v5-latin-800italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-900 - latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 900;
src: url('../fonts/poppins/poppins-v5-latin-900.eot'); /* IE9 Compat Modes */
src: local('Poppins Black'), local('Poppins-Black'),
url('../fonts/poppins/poppins-v5-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/poppins/poppins-v5-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/poppins/poppins-v5-latin-900.woff') format('woff'), /* Modern Browsers */
url('../fonts/poppins/poppins-v5-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/poppins/poppins-v5-latin-900.svg#Poppins') format('svg'); /* Legacy iOS */
}

View file

@ -0,0 +1,60 @@
a:focus, a:active { text-decoration: none; outline: none; @include transition(all 300ms ease 0s); }
input, select, textarea { outline: none; @include appearance( unset ); }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
@include appearance( none );
margin: 0;
}
input:focus, select:focus, textarea:focus { outline: none; @include box-shadow-input(none); }
input[type=checkbox] { @include appearance( checkbox ); }
input[type=radio] { @include appearance( radio ); }
img { max-width: 100%; height: auto; }
figure { margin: 0; }
p { margin-bottom: 0px; font-size: 15px; color: #777;}
h2 {
line-height: 1.66;
margin: 0;
padding: 0;
font-weight: bold;
color: $black-color;
font-family: Poppins;
font-size: 36px;
}
.main {
background: #f8f8f8;
padding: 90px 0;
}
.clear { clear: both; }
body {
font-size: 13px;
line-height: 1.8;
color: $black-color;
background: #f8f8f8;
font-weight: 400;
font-family: Poppins;
}
.container {
width: 900px;
background: #fff;
margin: 0 auto;
@include box-shadow(0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05));
@include border-radius(20px);
}
.display-flex {
@extend display-flex;
@include justify-content(space-between);
@include align-items(center);
}
.display-flex-center {
@extend display-flex;
@include justify-content(center);
@include align-items(center);
}
.position-center {
position: absolute;
top: 50%;
left: 50%;
@include transform(translate(-50%,-50%));
}

View file

@ -0,0 +1,152 @@
// mixin
@mixin border-radius($value) {
border-radius: $value;
-moz-border-radius: $value;
-webkit-border-radius: $value;
-o-border-radius: $value;
-ms-border-radius: $value;
}
@mixin background-size($value) {
background-size: $value;
-moz-background-size: $value;
-webkit-background-size: $value;
-o-background-size: $value;
-ms-background-size: $value;
}
@mixin background-gradient-three($color1, $color2, $color3) {
background: linear-gradient($color1, $color2, $color3);
background: -moz-linear-gradient($color1, $color2, $color3);
background: -webkit-linear-gradient($color1, $color2, $color3);
background: -o-linear-gradient($color1, $color2, $color3);
background: -ms-linear-gradient($color1, $color2, $color3);
}
@mixin background-gradient-six($color1, $color2, $color3, $color4, $color5, $color6) {
background: linear-gradient($color1, $color2, $color3, $color4, $color5, $color6);
background: -moz-linear-gradient($color1, $color2, $color3, $color4, $color5, $color6);
background: -webkit-linear-gradient($color1, $color2, $color3, $color4, $color5, $color6);
background: -o-linear-gradient($color1, $color2, $color3, $color4, $color5, $color6);
background: -ms-linear-gradient($color1, $color2, $color3, $color4, $color5, $color6);
}
@mixin transform($value) {
transform: $value;
-moz-transform: $value;
-webkit-transform: $value;
-o-transform: $value;
-ms-transform: $value;
}
@mixin box-shadow($value) {
box-shadow: $value;
-moz-box-shadow: $value;
-webkit-box-shadow: $value;
-o-box-shadow: $value;
-ms-box-shadow: $value;
}
@mixin filter($value) {
filter: $value;
-moz-filter: $value;
-webkit-filter: $value;
-o-filter: $value;
-ms-filter: $value;
}
@mixin transition($value) {
transition: $value;
-moz-transition: $value;
-webkit-transition: $value;
-o-transition: $value;
-ms-transition: $value;
}
@mixin animation($value) {
animation: $value;
-moz-animation: $value;
-webkit-animation: $value;
-o-animation: $value;
-ms-animation: $value;
}
@mixin transform-origin($value) {
transform-origin: $value;
-moz-transform-origin: $value;
-webkit-transform-origin: $value;
-o-transform-origin: $value;
-ms-transform-origin: $value;
}
@mixin appearance($value) {
appearance: $value !important;
-moz-appearance: $value !important;
-webkit-appearance: $value !important;
-o-appearance: $value !important;
-ms-appearance: $value !important;
}
@mixin box-shadow-input($value) {
box-shadow: $value !important;
-moz-box-shadow: $value !important;
-webkit-box-shadow: $value !important;
-o-box-shadow: $value !important;
-ms-box-shadow: $value !important;
}
//flex
@mixin flex-wrap($value) {
flex-wrap: $value;
-moz-flex-wrap: $value;
-webkit-flex-wrap: $value;
-o-flex-wrap: $value;
-ms-flex-wrap: $value;
}
@mixin flex-direction($value) {
flex-direction: $value;
-moz-flex-direction: $value;
-webkit-flex-direction: $value;
-o-flex-direction: $value;
-ms-flex-direction: $value;
}
@mixin flex-flow($value) {
flex-flow: $value;
-moz-flex-flow: $value;
-webkit-flex-flow: $value;
-o-flex-flow: $value;
-ms-flex-flow: $value;
}
@mixin justify-content($value) {
justify-content: $value;
-moz-justify-content: $value;
-webkit-justify-content: $value;
-o-justify-content: $value;
-ms-justify-content: $value;
}
@mixin align-items($value) {
align-items: $value;
-moz-align-items: $value;
-webkit-align-items: $value;
-o-align-items: $value;
-ms-align-items: $value;
}
@mixin order($value) {
order: $value;
-moz-order: $value;
-webkit-order: $value;
-o-order: $value;
-ms-order: $value;
}
@mixin flex($value) {
flex: $value;
-moz-flex: $value;
-webkit-flex: $value;
-o-flex: $value;
-ms-flex: $value;
}
@mixin input-placeholder($value) {
&::-webkit-input-placeholder {
color: $value;
}
&::-moz-placeholder {
color: $value;
}
&:-ms-input-placeholder {
color: $value;
}
&:-moz-placeholder {
color: $value;
}
}

View file

@ -0,0 +1,3 @@
$black-color : #222;
$blue-color : #6dabe4;
$grey-light: #999;