<section class="about-us-area">
<div class="brand-left-bg">&nbsp;</div>
<div class="container  about-us-content">
<div class="row align-items-center">
<div class="col-md-6 col-12">
<h2 class="mb-3">SEO (Arama Motoru Optimizasyonu)</h2>
<div class="about-text">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.</p>
</div>
</div>
<div class="col-md-6 col-12"><img src="../../assets/img/seo.jpg" alt="About Us   " /></div>
</div>
</div>
</section>
<section class="what-area">
<div class="container">
<div class="d-flex justify-content-space-between align-items-stretch gap-5">
<div class="">
<h2>SEO Nedir?</h2>
<div class="what-content text-justify">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet,</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet,</p>
</div>
</div>
<div class="sperator">&nbsp;</div>
<div class="">
<h2>SEO Nedir?</h2>
<div class="what-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet,</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet,</p>
</div>
</div>
</div>
</div>
</section>
<section class="item-info-area mt-5 pt-5 mb-5 pb-5">
<div class="container">
<h3>SEO &Ccedil;alışması</h3>
<div class="d-flex flex-column">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed doeiusmo</p>
<p>Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor didunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices g orem ipsum dolor sit amet, consectetur adipiscing elit, sed</p>
</div>
<div class="item-info-elements">
<h4>Anahta KelimeAnalizi</h4>
<h4>Rakip Analizi</h4>
<h4>Teknik Analiz</h4>
<h4>Referans Bağlantılar</h4>
<h4>İ&ccedil;erik</h4>
</div>
</div>
</section>
<section class="use-part-area">
<div class="container">
<div class="row">
<div class="col-sm-2 d-flex">
<div class="bid-area-item">
<div class="side-item">
<h5>Kullandığımız<br />Ara&ccedil;lar</h5>
</div>
</div>
</div>
<div class="col-sm-10">
<div class="company-slider">
<div><img src="../../assets/img/c1.png" /></div>
<div><img src="../../assets/img/c2.png" /></div>
<div><img src="../../assets/img/c3.png" /></div>
<div><img src="../../assets/img/c4.png" /></div>
<div><img src="../../assets/img/c1.png" /></div>
</div>
</div>
</div>
</div>
</section>
<section class="seo-event-area">
<div class="container">
<h2 class="text-center mb-3">SEO S&uuml;reci</h2>
<p class="text-color text-center mb-5">Merak ettiğiniz soruların cevaplarını sizler i&ccedil;in hazırladık.</p>
<div class="seo-event-container">
<div class="row"><!-- Tab Butonları -->
<div class="col-md-3">
<ul id="myTab" class="nav nav-tabs tab-buttons" role="tablist">
<li class="nav-item" role="presentation"><button id="tab1-tab" class="nav-link active" role="tab" type="button" data-bs-toggle="tab" data-bs-target="#tab1" aria-controls="tab1" aria-selected="true">Tab 1</button></li>
<li class="nav-item" role="presentation"><button id="tab2-tab" class="nav-link" role="tab" type="button" data-bs-toggle="tab" data-bs-target="#tab2" aria-controls="tab2" aria-selected="false">Tab 2</button></li>
<li class="nav-item" role="presentation"><button id="tab3-tab" class="nav-link" role="tab" type="button" data-bs-toggle="tab" data-bs-target="#tab3" aria-controls="tab3" aria-selected="false">Tab 3</button></li>
</ul>
</div>
<!-- Tab İçerikleri -->
<div class="col-md-9">
<div id="myTabContent" class="tab-content">
<div id="tab1" class="tab-pane fade show active" role="tabpanel" aria-labelledby="tab1-tab">
<h5>Tab 1 İ&ccedil;eriği</h5>
<p>Bu, Tab 1'in i&ccedil;eriğidir.</p>
</div>
<div id="tab2" class="tab-pane fade" role="tabpanel" aria-labelledby="tab2-tab">
<h5>Tab 2 İ&ccedil;eriği</h5>
<p>Bu, Tab 2'nin i&ccedil;eriğidir.</p>
</div>
<div id="tab3" class="tab-pane fade" role="tabpanel" aria-labelledby="tab3-tab">
<h5>Tab 3 İ&ccedil;eriği</h5>
<p>Bu, Tab 3'&uuml;n i&ccedil;eriğidir.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bid-area">
<div class="container">
<div class="bid-area-item">
<div class="side-item">
<h5>TEKLİF ALIN</h5>
</div>
<input class="form-control" name="name" type="text" placeholder="Ad Soyad" /> <input class="form-control" name="name" type="text" placeholder="Ad Soyad" /> <button class="bid-submit-button" type="button">TEKLİF AL</button></div>
</div>
</section>
<section class="sss-area">
<div class="container mt-5">
<h2 class="text-center mb-3">Merak Ettikleriniz</h2>
<p class="text-color text-center mb-5">Merak ettiğiniz soruların cevaplarını sizler i&ccedil;in hazırladık.</p>
<div id="accordionExample" class="accordion"><!-- İlk Panel -->
<div class="accordion-item">
<h2 id="headingOne" class="accordion-header"><button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> SEO &Ccedil;alışmasının Faydasını Ne Zaman G&ouml;r&uuml;r&uuml;m? </button></h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">Bu, ilk akordeon panelinin i&ccedil;eriğidir. Bootstrap ile kolayca akordeon oluşturabilirsiniz!</div>
</div>
</div>
<!-- İkinci Panel -->
<div class="accordion-item">
<h2 id="headingTwo" class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Başlık 2 </button></h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="accordion-body">Bu, ikinci akordeon panelinin i&ccedil;eriğidir. Birden fazla panel ekleyebilirsiniz!</div>
</div>
</div>
<!-- Üçüncü Panel -->
<div class="accordion-item">
<h2 id="headingThree" class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Başlık 3 </button></h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body">Bu, &uuml;&ccedil;&uuml;nc&uuml; akordeon panelinin i&ccedil;eriğidir. Bootstrap'in akordeon yapısı olduk&ccedil;a esnektir!</div>
</div>
</div>
</div>
</div>
</section>