muhammeterturağalafa
Centipat
- Katılım
- 9 Haziran 2023
- Mesajlar
- 25
Daha fazla
- Cinsiyet
- Erkek
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" class="wf-verveine-n4-active wf-sofiapro-n9-active wf-sofiapro-n7-active wf-sofiapro-n3-active wf-sofiapro-i3-active wf-sofiapro-n5-active wf-sofiapro-i5-active wf-sofiapro-n4-active wf-sofiapro-i4-active wf-sofiapro-n6-active wf-active">
<title>SiteAdı</title>
<link rel="stylesheet" href="haygibşl.css">
</head>
<body>
<!-- -->
<!-- -->
<div data-v-5b01d37c="" style="z-index: 10; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px 0px; width: 100%; background-color: white;" >
<div class="container" data-v-5b01d37c="">
<div class="mainNav" data-v-5b01d37c="">
<div class="mainNav-inner"data-v-5b01d37c="" >
<div class="mainNav-category-body" data-v-5b01d37c="">
<a class="category-container" data-v-5b01d37c="" href="/freelancer-bul/grafik-tasarim" >Grafik & Tasarımı </a>
<div id="Grafik & Tasarım" class="sub-category-container" data-v-5b01d37c="" style="left: 10px; display: none;" >
<ul class="sub-category" data-v-5b01d37c="" style="margin-right: 30px;" >
<a class="list" data-v-5b01d37c="" href="#"> Logo Tasarımı </a>
<a class="list" data-v-5b01d37c="" href="#" style="width: 180.7px;" >Reklam Banner </a>
</ul>
</div>
<div class="mainNav-category-body" data-v-5b01d37c="" >
<a class="category-container" data-v-5b01d37c="" href="#">İnternet Reklamcılığı</a>
<div id="İnternet Reklamcılığı" class="sub-category-container" data-v-5b01d37c="" style="left: 10px; display: none;" >
<ul class="sub-category" data-v-5b01d37c="" style="margin-right: 30px;" >
<li>
<a class="list" data-v-5b01d37c="" href="#" style="width: 250.8px;" >Arama Motoru Optimisayonu</a>
</li>
</ul>
</div>
</div>
<!-- -->
<div class="mainNav-category-body" data-v-5b01d37c="" >
<a class="category-container" data-v-5b01d37c="" href="#">Yazı & Çeviri</a>
<div id="Yazı & Çeviri" class="sub-category-container" data-v-5b01d37c="" style="left: 10px; display: none;">
<ul class="sub-category" data-v-5b01d37c="" style="margin-right: 30px;">
<a class="list" data-v-5b01d37c="" href="#" style="width: 39.3px;" >Çeviri</a>
</ul>
</div>
</div>
<!-- -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- -->
<!-- -->
</body>
</html>
CSS:
.eleman {
background: rgb(244, 245, 247);
}
* {
margin: 0;
padding: 0;
}
body, input {
font-family: 'sofia-pro';
font-style: normal;
font-weight: 40;
}
body {
font-size: 16px;
color: #5e6b79;
}
.eleman {
position: relative;
margin: 0px auto;
width: 1140px !important;
text-align: center;
}
.eleman {
position: absolute;
width: 220px;
height: 110px;
background-color: white;
z-index: 0;
}
.eleman {
text-align: center;
}
.eleman {
z-index: 999;
position: relative;
}
.eleman {
box-shadow: none;
}
.v_logged_in_nonav[data-v-5b01d37c] {
border-bottom: 1px solid #eaedf2;
z-index: 99;
width: 100%;
background-color: #fff;
}
.v_logged_in_nonav[data-v-5b01d37c] {
position: relative;
}
/* İnternet Reklamcılığı */
.mainNav .mainNav-inner .mainNav-category-body[data-v-5b01d37c] {
display: flex;
justify-content: center;
position: relative;
}
.category-container[data-v-5b01d37c] {
cursor: pointer;
font-size: 15px;
color: #8b95a1;
line-height: 18px;
position: relative;
padding: 14px 15px;
}
.sub-category-container[data-v-5b01d37c] {
display: none;
background-color: #fff;
box-shadow: 0 20px 30px 0 rgba(0,0,0,.2);
position: absolute;
padding: 29px 29px 22px 29px;
top: 48px;
flex-direction: row;
}
.sub-category[data-v-5b01d37c] {
font-size: 14px;
line-height: 2;
text-align: left;
color: #8b95a1;
display: flex;
flex-direction: column;
}
.list[data-v-5b01d37c] {
margin-bottom: 10px;
color: #8b95a1;
display: flex;
align-items: center;
}
/* Yazı Ve Çeviri */
/* .mainNav .mainNav-inner .mainNav-category-body[data-v-5b01d37c] {
display: flex;
justify-content: center;
position: relative;
}
.mainNav .mainNav-inner[data-v-5b01d37c], .mainNav[data-v-5b01d37c] {
text-align: center;
}
.category-container[data-v-5b01d37c] {
cursor: pointer;
font-size: 15px;
color: #8b95a1;
line-height: 18px;
position: relative;
padding: 14px 15px;
}
.eleman {
left: 10px;
display: block;
}
.sub-category-container[data-v-5b01d37c] {
display: none;
background-color: #fff;
box-shadow: 0 20px 30px 0 rgba(0,0,0,.2);
position: absolute;
padding: 29px 29px 22px 29px;
top: 48px;
flex-direction: row;
}
.eleman {
margin-right: 30px;
}
.sub-category[data-v-5b01d37c] {
font-size: 10px;
line-height: 2;
text-align: left;
color: #8b95a1;
display: flex;
flex-direction: column;
}
.eleman {
width: 39.3px;
}
.list[data-v-5b01d37c] {
margin-bottom: 10px;
color: #8b95a1;
display: flex;
align-items: center;
}
.gigContainer[data-v-94e175da] {
display: flex;
padding-bottom: 10px;
width: 1193px;
margin: 0 auto;
padding-top: 30px;
} */
/* body {
font-size: 16px;
color: #5e6b79;
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
} */