<meta content=ie=edge http-equiv=x-ua-compatible>
<meta name=viewport content="width=device-width, initial-scale=1.0">
<style>
body{
margin: 0 auto;
padding: 0;
font-size: 16px;
}
.container{
max-width: 950px;
margin: auto;
font-family: arial, helvetica, sans-serif;
}
.head-picture img{
width: 100%;
display: block;
}
.text-wrapper{
width: 80%;
margin: auto;
display: flex;
flex-direction: column;
padding: 30px 0;
}
.text-first{
display: flex;
align-items: center;
justify-content: space-between;
}
.text-first p{
font-family: arial, helvetica, sans-serif;
font-size: 1.1em;
color: #0055b8;
font-weight: 400;
}
.text-first img{
max-width: 220px;
}
.text-second{
display: flex;
align-items: center;
justify-content: space-between;
}
.text-second p{
font-family: arial, helvetica, sans-serif;
font-size: 1.1em;
color: #0055b8;
font-weight: 400;
}
.text-second img{
max-width: 220px;
}
.text-third{
display: flex;
align-items: center;
justify-content: space-between;
}
.text-third p{
font-family: arial, helvetica, sans-serif;
font-size: 1.1em;
color: #0055b8;
font-weight: 400;
}
.text-third img{
max-width: 220px;
}
.product-wrapper{
width: 90%;
margin: auto;
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
.product-first{
width: 32%;
height: 35%;
background-color: #00a5e0;
text-align: center;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.product-first .head{
background-color: #0055b8;
padding: 15px 0;
margin: 0;
text-align: center;
color: #ffffff;
font-family: arial, helvetica, sans-serif;
font-size: 0.9em;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
font-weight: 600;
}
.product-first .bg-blue{
height: 175px;
}
.product-first img{
max-width: 230px;
position: relative;
top: 10px;
}
.product-second{
width: 32%;
height: 35%;
background-color: #00a5e0;
text-align: center;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.product-second .head{
background-color: #0055b8;
padding: 15px 0;
margin: 0;
text-align: center;
color: #ffffff;
font-family: arial, helvetica, sans-serif;
font-size: 0.9em;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
font-weight: 600;
}
.product-second .bg-blue{
height: 175px;
}
.product-second img{
max-width: 230px;
position: relative;
top: 10px;
}
.product-third{
width: 32%;
background-color: #00a5e0;
text-align: center;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.product-third .head{
background-color: #0055b8;
padding: 15px 0;
margin: 0;
text-align: center;
color: #ffffff;
font-family: arial, helvetica, sans-serif;
font-size: 0.9em;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
font-weight: 600;
}
.product-third .bg-blue{
height: 175px;
}
.product-third img{
max-width: 230px;
position: relative;
top: 10px;
}
.product-details{
width: 50%;
margin: auto;
text-align: center;
}
.product-details img{
width: 100%;
}
.product-details p{
font-size: 1.5em;
color: #0056a4;
font-weight: 600;
}
.conditions{
width: 100%;
border-top: 2px solid #0055b8;
border-bottom: 2px solid #0055b8;
padding: 18px 0;
margin: 25px 0;
}
.conditions .head{
margin: 0;
text-align: center;
color: #0055b8;
font-family: arial, helvetica, sans-serif;
font-size: 1.2em;
font-weight: 600;
margin-bottom: 15px;
}
.conditions .text{
margin: 0;
text-align: center;
color: #0055b8;
font-family: arial, helvetica, sans-serif;
font-size: 1em;
font-weight: 400;
}
.icons{
width: 90%;
margin: auto;
display: flex;
justify-content: space-between;
align-items: flex-end;
padding: 20px 0 50px 0;
}
.icon-left{
display: flex;
align-items: center;
}
.icon-left img{
width: 45px;
}
.icon-left p{
margin-left: 15px;
font-size: 1em;
color: #1b59a7;
}
.icon-right{
display: flex;
align-items: flex-start;
}
.icon-right img{
width: 200px;
}
.icon-right p{
margin-left: 15px;
font-family: arial, helvetica, sans-serif;
font-size: 1em;
color: #1b59a7;
}
@media screen and (max-width: 768px) {
.text-first p{
font-size: 1em;
}
.text-first img{
width: 200px;
}
.text-second p{
font-size: 1em;
}
.text-second img{
width: 200px;
}
.text-third p{
font-size: 1em;
}
.text-third img{
width: 200px;
}
.product-details{
width: 70%;
}
.product-details p{
font-size: 1.3;
}
.icon-left img{
width: 40px;
}
.icon-left p{
font-size: 0.9em;
}
.icon-right img{
width: 100px;
}
.icon-right p{
font-size: 0.9em;
}
.tables{
font-size: 0.8em;
}
.product-first .head{
font-size: 0.6em;
}
.product-second .head{
font-size: 0.6em;
}
.product-third .head{
font-size: 0.6em;
}
.product-first .bttm{
font-size: 0.7em;
}
.product-second .bttm{
font-size: 0.7em;
}
.product-third .bttm{
font-size: 0.7em;
}
}
@media screen and (max-width: 425px) {
.text-first{
flex-direction: column-reverse;
}
.text-first img{
width: 110px;
}
.text-first p{
font-size: 0.8em;
text-align: center;
}
.text-second{
flex-direction: column;
}
.text-second img{
width: 110px;
}
.text-second p{
font-size: 0.8em;
text-align: center;
}
.text-third{
flex-direction: column-reverse;
}
.text-third img{
width: 110px;
}
.text-third p{
font-size: 0.8em;
text-align: center;
}
.product-wrapper{
flex-direction: column;
}
.product-first{
width: 60%;
margin: auto;
margin-bottom: 20px;
}
.product-first img{
width: 30px;
top: 52px;
}
.product-first .bg-blue{
height: 120px;
}
.product-first .bttm{
height: 120px;
}
.product-second{
width: 60%;
margin: auto;
margin-bottom: 20px;
}
.product-second img{
width: 35px;
top: 23px;
}
.product-second .bg-blue{
height: 120px;
}
.product-second .bttm{
height: 120px;
}
.product-third{
width: 60%;
margin: auto;
}
.product-third img{
width: 35px;
top: 10px;
}
.product-third .bg-blue{
height: 120px;
}
.product-third .bttm{
height: 120px;
}
.product-details{
width: 100%;
}
.product-details p{
font-size: 0.9em;
}
.conditions .head{
font-size: 0.8em;
}
.conditions .text{
font-size: 0.6em;
}
.icon-left img{
width: 25px;
}
.icon-left p{
font-size: 0.6em;
}
.icon-right img{
width: 60px;
}
.icon-right p{
font-size: 0.6em;
}
.tables{
font-size: 0.5em;
}
.product-first .bttm{
font-size: 0.6em;
}
.product-second .bttm{
font-size: 0.6em;
}
.product-third .bttm{
font-size: 0.6em;
}
}
@media screen and (max-width: 375px) {
.text-first{
flex-direction: column-reverse;
}
.text-first img{
width: 80px;
}
.text-first p{
font-size: 0.6em;
text-align: center;
}
.text-second{
flex-direction: column;
}
.text-second img{
width: 80px;
}
.text-second p{
font-size: 0.6em;
text-align: center;
}
.text-third{
flex-direction: column-reverse;
}
.text-third img{
width: 80px;
}
.text-third p{
font-size: 0.6em;
text-align: center;
}
.product-first .bttm{
font-size: 0.5em;
}
.product-second .bttm{
font-size: 0.5em;
}
.product-third .bttm{
font-size: 0.5em;
}
.product-first{
width: 65%;
}
.product-second{
width: 65%;
}
.product-third{
width: 65%;
}
.product-details{
width: 100%;
}
.icons{
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
padding: 10px 0 20px 0;
}
.icon-left{
margin-bottom: 12px;
}
.icon-left img{
width: 25px;
}
.icon-left p{
font-size: 0.6em;
}
.icon-right img{
width: 60px;
}
.icon-right p{
font-size: 0.6em;
}
.tables{
font-size: 0.4em;
}
}
</style>
<div class=container>
<div class=head-picture><img alt="" src="https://i.ibb.co/gdy3jy6/header-banner.jpg"> </div>
<div class=conditions>
<p class=text><strong>hardes</strong> markası altında sizlere özel olarak sunulan ürün setleri ile işlerinizi kolaylaştırıyoruz! cıvata, vida, somun, pul, segman, kablo pabucu, makaron, conta, dübel, bilya, gresörlük gibi birçok farklı ürünü özel organizer kutularında sizlere sunuyoruz. </p></div>
<div class=conditions>
<p class=text>bu setler, çeşitli boyutlarda ve çeşitli ihtiyaçlara yönelik olarak tasarlanmıştır. tüm ürünlerimiz yüksek kalite standartlarına sahip olup, uzun ömürlü kullanım sunar. <strong>hardes</strong> markasıyla satın aldığınız ürünlerde güvenilirlik ve dayanıklılık garantisiyle karşılaşacaksınız. </p></div>
<div class=conditions>
<p class=text>özel olarak tasarlanmış organizer kutular, ürünlerinizi düzenli bir şekilde saklamanıza yardımcı olur. her bir ürünün yer aldığı bölümler, kolay erişim ve kullanım imkanı sağlar. bu şekilde işlerinizde zaman tasarrufu yapabilir ve verimliliği artırabilirsiniz. </p></div>
<div class=conditions>
<p class=text>siz de <strong>hardes</strong> markası altında satışa sunduğumuz özel organizer kutulu ürün setlerimizden yararlanarak işlerinizi kolaylaştırabilirsiniz. kalite, güvenilirlik ve pratik kullanımı bir arada bulacağınız <strong>hardes</strong> ürünleriyle her projenizi başarıyla tamamlayabilirsiniz. </p></div>
<div class=product-details><img alt="" src="https://i.ibb.co/x6jqm2j/1.jpg">
<p>hardes sh-1009 m3 yhb vida somun ve pul seti galvanizli 1030 parça </p></div><br>
<div class=tables style="margin-bottom: 70px">
<table style="font-size: 1.1em; font-family: arial, helvetica, sans-serif; font-weight: 600; color: #0056a4; margin: auto" cellspacing=0 cellpadding=0 width="80%">
<tbody>
<tr style="background-color: #d4e2ef">
<td style="border-bottom: #ffffff 1px solid; padding-bottom: 5px; padding-top: 5px; padding-left: 10px; padding-right: 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px">m3x5 yhb vida </td>
<td style="border-right: #ffffff 1px solid; border-bottom: #ffffff 1px solid">150 adet </td>
<td style="border-bottom: #ffffff 1px solid; padding-bottom: 0px; padding-top: 0px; padding-left: 15px; padding-right: 15px">m3x10 yhb vida </td>
<td style="border-bottom: #ffffff 1px solid; padding-bottom: 5px; padding-top: 5px; padding-left: 10px; padding-right: 10px; border-top-right-radius: 5px; border-bottom-right-radius: 5px">100 adet </td></tr>
<tr style="background-color: #ebf2f8">
<td style="border-bottom: #ffffff 1px solid; padding-bottom: 6px; padding-top: 6px; padding-left: 10px; padding-right: 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px">m3x15 yhb vida </td>
<td style="border-right: #ffffff 1px solid; border-bottom: #ffffff 1px solid">60 adet </td>
<td style="border-bottom: #ffffff 1px solid; padding-bottom: 0px; padding-top: 0px; padding-left: 15px; padding-right: 15px">m3x20 yhb vida </td>
<td style="border-bottom: #ffffff 1px solid; padding-bottom: 5px; padding-top: 5px; padding-left: 10px; padding-right: 10px; border-top-right-radius: 5px; border-bottom-right-radius: 5px">50 adet </td></tr>
<tr style="background-color: #d4e2ef">
<td style="border-bottom: #ffffff 1px solid; padding-bottom: 5px; padding-top: 5px; padding-left: 10px; padding-right: 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px">m3x25 yhb vida </td>
<td style="border-right: #ffffff 1px solid; border-bottom: #ffffff 1px solid">50 adet </td>
<td style="border-bottom: #ffffff 1px solid; padding-bottom: 0px; padding-top: 0px; padding-left: 15px; padding-right: 15px">m3x30 yhb vida </td>
<td style="border-bottom: #ffffff 1px solid; padding-bottom: 5px; padding-top: 5px; padding-left: 10px; padding-right: 10px; border-top-right-radius: 5px; border-bottom-right-radius: 5px">20 adet </td></tr>
<tr style="background-color: #ebf2f8">
<td style="border-bottom: #ffffff 1px solid; padding-bottom: 5px; padding-top: 5px; padding-left: 10px; padding-right: 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px">m3x40 yhb vida </td>
<td style="border-right: #ffffff 1px solid; border-bottom: #ffffff 1px solid">30 adet </td>
<td style="border-bottom: #ffffff 1px solid; padding-bottom: 0px; padding-top: 0px; padding-left: 15px; padding-right: 15px">m3 somun </td>
<td style="border-bottom: #ffffff 1px solid; padding-bottom: 5px; padding-top: 5px; padding-left: 10px; padding-right: 10px; border-top-right-radius: 5px; border-bottom-right-radius: 5px">250 adet </td></tr>
<tr style="background-color: #d4e2ef">
<td style="border-bottom: #ffffff 1px solid; padding-bottom: 5px; text-align: center; padding-top: 5px; padding-left: 10px; padding-right: 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px" colspan=2>m3 pul </td>
<td style="border-bottom: #ffffff 1px solid; padding-bottom: 5px; text-align: center; padding-top: 5px; padding-left: 10px; padding-right: 10px; border-top-right-radius: 5px; border-bottom-right-radius: 5px" colspan=3>300 adet </td></tr></tbody></table></div>
<div class=product-wrapper>
<div class=product-first>
<p class=head>askı özelliği ile raflarınıza<br>kolaylıkla takın! </p>
<div class=bg-bluee><img alt="" src="https://i.ibb.co/sfyl5gh/1.png"> </div>
<p class=bttm></p></div>
<div class=product-second>
<p class=head>ayırıcıları isteklerinize özel kişiselleştirin! </p>
<div class=bg-bluee><img alt="" src="https://i.ibb.co/1xrzwbj/y2.png"> </div>
<p class=bttm></p></div>
<div class=product-third>
<p class=head>sağlam yapısı ile darbelere karşı <br>malzemeleriniz güvende! </p>
<div class=bg-bluee><img alt="" src="https://i.ibb.co/sh2wwdt/y3.png"> </div>
<p class=bttm></p></div></div>
<div class=conditions>
<p class=head>nedir? </p>
<p class=text><strong>hardes sh-1001 m2 yhb vida seti</strong>, m2 boyutunda yüksek kaliteli vida ve somunlardan oluşan bir settir. bu set, çeşitli montaj ve inşaat projelerinde kullanılan küçük parçalardan oluşur. vida seti, farklı ihtiyaçlara uygun olarak tasarlanmış ve paketlenmiş bir üründür. </p></div>
<div class=conditions>
<p class=head>nasıl kullanılır? </p>
<p class=text><strong>hardes sh-1001 m2 yhb vida setini</strong> kullanmak oldukça kolaydır. vida seti genellikle şu adımlarla kullanılır:<br><br>a. i̇htiyacınız olan vida ve somunları seçin.<br>b. i̇lgili vida sürücüsü (tornavida, matkap, vb.) kullanarak vidaları uygun deliklere sıkın.<br>c. somunları, vida başlarının üzerine yerleştirin ve uygun sıkıştırmayı sağlayacak şekilde sıkın.<br>d. vidalar ve somunlar sağlam bir bağlantı oluşturuncaya kadar sıkma işlemine devam edin. </p></div>
<div class=conditions>
<p class=head>kullanım alanları nerelerdir? </p>
<p class=text>elektronik cihaz montajı: telefonlar, bilgisayarlar, oyuncaklar ve diğer elektronik cihazların içindeki parçaların montajı için kullanılabilir.<br>ahşap işleri: mobilya, dolaplar, raf sistemleri ve diğer ahşap projelerde kullanılabilir.<br>mekanik montajlar: küçük ölçekli mekanik cihazların montajı için idealdir.<br>model yapımı: maketler, robotlar ve diğer hobi projelerinde kullanılabilir.<br>optik ekipmanlar: kameralar, teleskoplar ve mikroskopların montajı gibi çok sayıda kullanım alanında kullanılabilir. </p></div></div>
