Added the Website Files.

src/.browserslistrc

@@ -0,0 +1,11 @@
+# This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+#
+# For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
+
+> 0.5%
+last 2 versions
+Firefox ESR
+not dead
+not IE 9-11

src/app/anasayfa/anasayfa.component.html

@@ -0,0 +1,33 @@
+<header id="banner" class="scrollto clearfix" data-enllax-ratio=".5">
+  <!--Banner Content-->
+  <div id="banner-content" class="row clearfix">
+
+    <div class="row clearfix">
+
+      <div class="section-heading">
+        <h1>Kargı Sitesi</h1>
+        <h2></h2>
+        <p class="section-subtitle-2">SEVGİLİ KOMŞULARIMIZ</p>
+        <p class="section-subtitle-2">
+          Bodrum, iklimi, denizi, ışığı ile huzurun kapısını bize açan belde. Pekçoğumuzunu büyük şehirlerin karmaşasından kaçıp sığındığı evlerimizin olduğu Kargı, Camel Beach ise ayrı bir alem.. Bölgenin en güzel denizi vahşi tabiatı, her anlamda başka yerlerde rastlanamayacak insan dokusuyla söylensek de kızsak da vazgeçemediğimiz.
+          Muhteşem denizli üç koya açılan kıyıları, denize kavuşan dereleri, her mevsim şahane iklimi görüp; çorak yolu bile olmayan tepelere ev yapmayı hayal edenlerin o günkü şartlarda altyapısı, düzeni ile bir inanılmazı yarattıkları yer.
+          Her iş yapan hata da yapabilir, doğaldır diye düşünürüz. Evler bazı bölgelerde bu kadar sıkışık olmasaydı , alt üst katlar yerine daha küçük ama müstakil evler olsaydı dediğimiz ama bazı şeylerin değişmesinin mümkün olmadığı ancak düzeltilebilineceğine inandığımız bölgenin en iyi yerleşimlerinden biri. 
+          Eleştirdiğimiz, bakımsız, ileriye dönük bir planın varlığını hissedemememiz, hergeçengün çöktüğünü gözlemlediğimiz altyapı, işletmecilerin insafına bırakılmış kıyıları ile çaresiz, Sitemiz. Madem vazgeçemiyoruz beğenmediğimiz yanları düzeltmeye çalışalım elimizi taşın altına koymaktan korkmayalım dedik ve yola çıktık.
+          Huzurlu yaşamak için komşuların haklarına saygılı, bir düzenin hüküm sürdüğü, kuralların hakları korumak için ve huzurun anahtarı olduğunu anlatma gayretindeyiz. Kuralların takipçisi olunduğunda kural çiğneyenlerin, eski alışkanlıkları sürdürmek isteyenlerin sesleri her nedense fazla duyulur. Ayrıcalık değil, genel menfaat ve huzurun öncelikli olarak hakim olacağının altını bir kez daha çizmekte fayda var. Kural çiğneyenlerin bilmesi gereken huzur için gereken kurallara herkes gibi onların da birgün ihtiyaç duyacağıdır. Bu anlamda iletişim en büyük eksiğimizdi. İş güç ve çaresiz sık sık yaptığımız genel kurulların ağır stresi ve iş yoğunluğu sebebi ile ihmale uğramış web sitemiz bundan böyle hizmet verecek.
+          Yaplan işleri, yanlışları, gözlemlenen güzellikleri üyelerimizin mutlu günlerini , paylaşmak istedikleri bilgileri burada sizlerle paylaşacağız. Aidat ve hesap durumlarınıza sadece size ait şifre ile ulaşarak durum güncellemesi yapmanız, yapılan uygulama değişiklikleri hakkında bilgi sahibi olmanız mümkün olacak. Zaman içinde sitemizin sizlerin istediği doğrultuda hizmetleri vermesi yine sizlerin talebiyle oluşturulacaktır. Sizlerin beldemiz ile ilgili sunacağınız yapıcı eleştiri ve fikirlerinizden faydalanmaya gayret edeceğiz.
+          Kargı Sitemiz sizlerin, bizlerin ve burada yaşayanlarındır. Birlikte olursak daha iyiye daha güzele ulaşmak Zor olmayacaktır.
+          Kargı Sitesi web sayfasının hayırlı olmasını diliyor, hepinize şahsım, yönetim ve denetim kurullarımız adına sevgi ve saygılarımızı sunuyorum.
+        </p>
+        <br>
+        <p class="section-subtitle-2">Kargı Sitesi Yönetim Kurulu Başkanı</p>
+        <p class="section-subtitle-2">Kamuran Başoğlu</p>
+      </div>
+
+      <!--Call to Action-->
+      <a href="/Hizmetlerimiz" class="button">Daha Fazla Bilgi</a>
+      <!--End Call to Action-->
+
+    </div>
+  </div>
+  <!--End of Row-->
+</header>

src/app/anasayfa/anasayfa.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AnasayfaComponent } from './anasayfa.component';
+
+describe('AnasayfaComponent', () => {
+  let component: AnasayfaComponent;
+  let fixture: ComponentFixture<AnasayfaComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AnasayfaComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AnasayfaComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/anasayfa/anasayfa.component.ts

@@ -0,0 +1,18 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-anasayfa',
+  templateUrl: './anasayfa.component.html',
+  styleUrls: ['./anasayfa.component.css']
+})
+export class AnasayfaComponent implements OnInit {
+  header = { };
+
+  constructor() {}
+
+  ngOnInit() {
+  }
+
+  getHeader() {
+  }
+}

src/app/app-routing.module.ts

@@ -0,0 +1,44 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule, Routes } from '@angular/router';
+
+import { HizmetlerimizComponent } from './hizmetlerimiz/hizmetlerimiz.component';
+import { SitegörselleriComponent } from './sitegörselleri/sitegörselleri.component';
+import { GenelkurulComponent } from './genelkurul/genelkurul.component';
+import { KurumsalComponent } from './kurumsal/kurumsal.component';
+import { IletisimComponent } from './iletisim/iletisim.component';
+import { AnasayfaComponent } from './anasayfa/anasayfa.component';
+import { FaaliyetComponent } from './faaliyet/faaliyet.component';
+import { DuyurularComponent } from './duyurular/duyurular.component';
+import { Duyuru1Component } from './duyurular/duyuru1/duyuru1.component';
+import { Duyuru2Component } from './duyurular/duyuru2/duyuru2.component';
+import { Duyuru3Component } from './duyurular/duyuru3/duyuru3.component';
+
+const routes: Routes = [
+  { path: '', redirectTo: '/Anasayfa', pathMatch: 'full' },
+  { path: 'Anasayfa', component: AnasayfaComponent },
+  { path: 'Kurumsal', component: KurumsalComponent },
+  { path: 'Hizmetlerimiz', component: HizmetlerimizComponent },
+  { path: 'Sitegörselleri', component: SitegörselleriComponent },
+  { path: 'Duyurular', component: DuyurularComponent },
+  { path: 'Duyurular/Duyuru1', component: Duyuru1Component },
+  { path: 'Duyurular/Duyuru2', component: Duyuru2Component },
+  { path: 'Duyurular/Duyuru3', component: Duyuru3Component },
+  { path: 'Genelkurul', component: GenelkurulComponent },
+  { path: 'Faaliyet', component: FaaliyetComponent },
+  { path: 'Iletisim', component: IletisimComponent },
+];
+
+@NgModule({
+  imports: [
+    CommonModule,
+    RouterModule.forRoot(routes)
+  ],
+  exports: [
+    RouterModule
+  ],
+  declarations: [
+  ]
+})
+
+export class AppRoutingModule { }

src/app/app.component.css

@@ -0,0 +1 @@
+

src/app/app.component.html

@@ -0,0 +1,25 @@
+<div class="page-border" data-wow-duration="0.7s" data-wow-delay="0.2s">
+  <div
+    class="top-border wow fadeInDown animated"
+    style="visibility: visible; animation-name: fadeInDown"
+  ></div>
+  <div
+    class="right-border wow fadeInRight animated"
+    style="visibility: visible; animation-name: fadeInRight"
+  ></div>
+  <div
+    class="bottom-border wow fadeInUp animated"
+    style="visibility: visible; animation-name: fadeInUp"
+  ></div>
+  <div
+    class="left-border wow fadeInLeft animated"
+    style="visibility: visible; animation-name: fadeInLeft"
+  ></div>
+</div>
+<!--Main Content Area-->
+<main id="content">
+  <app-navigation></app-navigation>
+  <router-outlet></router-outlet>
+  <app-footer></app-footer>
+</main>
+<!--End Main Content Area-->

src/app/app.component.spec.ts

@@ -0,0 +1,27 @@
+import { TestBed, async } from '@angular/core/testing';
+import { AppComponent } from './app.component';
+describe('AppComponent', () => {
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [
+        AppComponent
+      ],
+    }).compileComponents();
+  }));
+  it('should create the app', async(() => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+  it(`should have as title 'websitePractise'`, async(() => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app.title).toEqual('websitePractise');
+  }));
+  it('should render title in a h1 tag', async(() => {
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const compiled = fixture.debugElement.nativeElement;
+    expect(compiled.querySelector('h1').textContent).toContain('Welcome to websitePractise!');
+  }));
+});

src/app/app.component.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.css']
+})
+export class AppComponent {
+  title = 'Kargi-Sitesi';
+}

src/app/app.module.ts

@@ -0,0 +1,58 @@
+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule } from '@angular/core';
+
+import { AppComponent } from './app.component';
+import { HizmetlerimizComponent } from './hizmetlerimiz/hizmetlerimiz.component';
+import { SitegörselleriComponent } from './sitegörselleri/sitegörselleri.component';
+import { GenelkurulComponent } from './genelkurul/genelkurul.component';
+import { FaaliyetComponent } from './faaliyet/faaliyet.component';
+import { KurumsalComponent } from './kurumsal/kurumsal.component';
+import { FooterComponent } from './footer/footer.component';
+import { DuyurularComponent } from './duyurular/duyurular.component';
+import { IletisimComponent } from './iletisim/iletisim.component';
+import { AnasayfaComponent } from './anasayfa/anasayfa.component';
+import { SocialComponent } from './social/social.component';
+import { NavigationComponent } from './navigation/navigation.component';
+import { Duyuru1Component } from './duyurular/duyuru1/duyuru1.component';
+import { Duyuru2Component } from './duyurular/duyuru2/duyuru2.component';
+import { Duyuru3Component } from './duyurular/duyuru3/duyuru3.component';
+import { AppRoutingModule } from './app-routing.module';
+import { AgmCoreModule } from '@agm/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { ServicesService } from './services.service';
+import { HttpClientModule } from '@angular/common/http';
+
+@NgModule({
+  declarations: [
+    AppComponent,
+    HizmetlerimizComponent,
+    SitegörselleriComponent,
+    GenelkurulComponent,
+    FaaliyetComponent,
+    KurumsalComponent,
+    FooterComponent,
+    IletisimComponent,
+    DuyurularComponent,
+    AnasayfaComponent,
+    Duyuru1Component,
+    Duyuru2Component,
+    Duyuru3Component,
+    SocialComponent,
+    NavigationComponent,
+  ],
+  imports: [
+    FormsModule,
+    ReactiveFormsModule,
+    HttpClientModule,
+    BrowserModule, 
+    AppRoutingModule,
+    AgmCoreModule.forRoot({
+      apiKey: 'AIzaSyC5TiZoTEwEcB_HUZRhe_rXrcSWW1Z5x8I'
+    })
+  ],
+  providers: [
+    ServicesService
+  ],
+  bootstrap: [AppComponent]
+})
+export class AppModule {}

src/app/duyurular/duyuru1/duyuru1.component.html

@@ -0,0 +1,37 @@
+<!--Content Section-->
+<div id="duyuru-1" class="scrollto clearfix">
+  <div class="row no-padding-bottom clearfix">
+    <div class="col-2">
+      <div class="section-heading">
+        <h2 class="section-title">COVID-19 Duyurusu</h2>
+        <p class="section-subtitle">
+          Covid-19 (Corona) virüsü ile etkin mücadele sağlanabilmesi, halkımızın ve personelimizin sağlığının
+          korunabilmesi amacıyla birtakım tedbirler almak zorundayız.<br>
+          <br>
+          1- Ellerinizi sık sık su ve sabun ile en az 20 saniye boyunca ovarak yıkayın.<br>
+          2- Soğuk algınlığı belirtileri gösteren kișilerle aranıza en az 3-4 adım mesafe koyun.<br>
+          3- Öksürme veya hapșırma sırasında ağız ve burunu tek kullanımlık mendille kapatın. Mendil yoksa dirseğin
+          iç kısmını kullanın.<br>
+          4- Tokalașma, sarılma gibi yakın temaslardan kaçının.<br>
+          5- Ellerinizle gözlerinize, ağzınıza ve burnunuza dokunmayın.<br>
+          6- Yurt dıșı seyahatlerinizi iptal edin ya da erteleyin.<br>
+          7- Yurt dıșından dönüște ilk 14 günü evinizde geçirin.<br>
+          8- Bulunduğunuz ortamları sık sık havalandırın.<br>
+          9- Kıyafetlerinizi 60-90OC’de normal deterjanla yıkayın.<br>
+          10- Kapı kolları, armatürler, lavabolar gibi sık kullandığınız yüzeyleri su ve deterjanla her gün
+          temizleyin.<br>
+          11- Soğuk algınlığı belirtileriniz varsa yașlılar ve kronik hastalığı olanlarla temas etmeyin, maske
+          takmadan dıșarı çıkmayın.<br>
+          12- Havlu gibi kișisel eșyalarınızı ortak kullanmayın.<br>
+          13- Bol sıvı tüketin, dengeli beslenin, uyku düzeninize dikkat edin.<br>
+          14- Düșmeyen ateș, öksürük ve nefes darlığınız varsa, maske takarak bir sağlık kurulușuna bașvurun.
+        </p>
+      </div>
+    </div>
+
+    <div class="col-2">
+      <img src="../assets/images/duyuru-images/Duyuru1-img.jpg" />
+    </div>
+  </div>
+</div>
+<!--End of Content Section-->

src/app/duyurular/duyuru1/duyuru1.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { Duyuru1Component } from './duyuru1.component';
+
+describe('Duyuru1Component', () => {
+  let component: Duyuru1Component;
+  let fixture: ComponentFixture<Duyuru1Component>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ Duyuru1Component ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(Duyuru1Component);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/duyurular/duyuru1/duyuru1.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from "@angular/core";
+
+@Component({
+  selector: "app-duyuru1",
+  templateUrl: "./duyuru1.component.html",
+  styleUrls: ["./duyuru1.component.css"],
+})
+export class Duyuru1Component implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

src/app/duyurular/duyuru2/duyuru2.component.html

@@ -0,0 +1,58 @@
+<!--Content Section-->
+<div id="services" class="scrollto clearfix">
+  <div class="row no-padding-bottom clearfix">
+    <!--Content Left Side-->
+    <div class="col-3">
+      <!--User Testimonial-->
+      <blockquote class="kurumsal text-right bigtest">
+        <q
+          >Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+          eiusmod tempor incididunt ut labore et dolore magna aliqua</q
+        >
+        <footer>— John Doe, Happy Customer</footer>
+      </blockquote>
+      <!-- End of Testimonial-->
+    </div>
+    <!--End Content Left Side-->
+
+    <!--Content of the Right Side-->
+    <div class="col-3">
+      <div class="section-heading">
+        <h3>BELIEVING</h3>
+        <h2 class="section-title">Focusing On What Matters Most</h2>
+        <p class="section-subtitle">
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+          minim veniam!
+        </p>
+      </div>
+      <p>
+        Sed ut perspiciatis unde omnis iste natus error sit voluptatem
+        accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab
+        illo inventore veritatis et quasi architecto beatae vitae dicta sunt
+        explicabo.
+      </p>
+      <p>
+        Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut
+        fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem
+        sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor
+        sit amet!
+      </p>
+      <!-- Just replace the Video ID "UYJ5IjBRlW8" with the ID of your video on YouTube (Found within the URL) -->
+      <a
+        href="#"
+        data-videoid="UYJ5IjBRlW8"
+        data-videosite="youtube"
+        class="button video link-lightbox"
+      >
+        WATCH VIDEO <i class="fa fa-play" aria-hidden="true"></i>
+      </a>
+    </div>
+    <!--End Content Right Side-->
+
+    <div class="col-3">
+      <img src="../assets/images/dancer.jpg" alt="Dancer" />
+    </div>
+  </div>
+</div>
+<!--End of Content Section-->

src/app/duyurular/duyuru2/duyuru2.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { Duyuru2Component } from './duyuru2.component';
+
+describe('Duyuru2Component', () => {
+  let component: Duyuru2Component;
+  let fixture: ComponentFixture<Duyuru2Component>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ Duyuru2Component ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(Duyuru2Component);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/duyurular/duyuru2/duyuru2.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from "@angular/core";
+
+@Component({
+  selector: "app-duyuru2",
+  templateUrl: "./duyuru2.component.html",
+  styleUrls: ["./duyuru2.component.css"],
+})
+export class Duyuru2Component implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

src/app/duyurular/duyuru3/duyuru3.component.html

@@ -0,0 +1,58 @@
+<!--Content Section-->
+<div id="services" class="scrollto clearfix">
+  <div class="row no-padding-bottom clearfix">
+    <!--Content Left Side-->
+    <div class="col-3">
+      <!--User Testimonial-->
+      <blockquote class="kurumsal text-right bigtest">
+        <q
+          >Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+          eiusmod tempor incididunt ut labore et dolore magna aliqua</q
+        >
+        <footer>— John Doe, Happy Customer</footer>
+      </blockquote>
+      <!-- End of Testimonial-->
+    </div>
+    <!--End Content Left Side-->
+
+    <!--Content of the Right Side-->
+    <div class="col-3">
+      <div class="section-heading">
+        <h3>BELIEVING</h3>
+        <h2 class="section-title">Focusing On What Matters Most</h2>
+        <p class="section-subtitle">
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+          minim veniam!
+        </p>
+      </div>
+      <p>
+        Sed ut perspiciatis unde omnis iste natus error sit voluptatem
+        accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab
+        illo inventore veritatis et quasi architecto beatae vitae dicta sunt
+        explicabo.
+      </p>
+      <p>
+        Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut
+        fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem
+        sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor
+        sit amet!
+      </p>
+      <!-- Just replace the Video ID "UYJ5IjBRlW8" with the ID of your video on YouTube (Found within the URL) -->
+      <a
+        href="#"
+        data-videoid="UYJ5IjBRlW8"
+        data-videosite="youtube"
+        class="button video link-lightbox"
+      >
+        WATCH VIDEO <i class="fa fa-play" aria-hidden="true"></i>
+      </a>
+    </div>
+    <!--End Content Right Side-->
+
+    <div class="col-3">
+      <img src="../assets/images/dancer.jpg" alt="Dancer" />
+    </div>
+  </div>
+</div>
+<!--End of Content Section-->

src/app/duyurular/duyuru3/duyuru3.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { Duyuru3Component } from './duyuru3.component';
+
+describe('Duyuru3Component', () => {
+  let component: Duyuru3Component;
+  let fixture: ComponentFixture<Duyuru3Component>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ Duyuru3Component ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(Duyuru3Component);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/duyurular/duyuru3/duyuru3.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from "@angular/core";
+
+@Component({
+  selector: "app-duyuru3",
+  templateUrl: "./duyuru3.component.html",
+  styleUrls: ["./duyuru3.component.css"],
+})
+export class Duyuru3Component implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

src/app/duyurular/duyurular.component.html

@@ -0,0 +1,64 @@
+<!--Duyurular Tables-->
+<section id="duyurular" class="secondary-color text-center scrollto clearfix">
+  <div class="row clearfix">
+    <div class="section-heading">
+      <h3>DUYURULAR</h3>
+      <h2 class="section-title">Sizin için Duyurularımız</h2>
+    </div>
+
+    <!--Duyuru Block-->
+    <div class="duyurular-block col-3 wow fadeInUp" data-wow-delay="0.4s">
+      <div class="duyurular-block-content">
+        <h3>Duyuru #1</h3>
+        <p class="duyurular-sub">01/01/2020</p>
+        <div>
+          <a href="/Duyurular/Duyuru1"
+            class="wow fadeIn"><img [src]="imgSrc" (mouseover)="onMouseOver()" (mouseout)="onMouseOut()"/></a>
+        </div>
+        <ul>
+          <li><b>COVID-19 Duyurusu</b></li>
+          <li></li>
+        </ul>
+        <a href="/Duyurular/Duyuru1" class="button">Daha Fazlası</a>
+      </div>
+    </div>
+    <!--End Duyuru Block-->
+
+    <!--Duyuru Block-->
+    <div class="duyurular-block col-3 wow fadeInUp" data-wow-delay="0.4s">
+      <div class="duyurular-block-content">
+        <h3>Duyuru #2</h3>
+        <p class="duyurular-sub">01/01/2020</p>
+        <div>
+          <a href="/Duyurular/Duyuru2"
+            class="wow fadeIn"><img [src]="imgSrc2" (mouseover)="onMouseOver2()" (mouseout)="onMouseOut2()"/></a>
+        </div>
+        <ul>
+          <li><b>Duyuru İsmi</b></li>
+          <li></li>
+        </ul>
+        <a href="/Duyurular/Duyuru2" class="button">Daha Fazlası</a>
+      </div>
+    </div>
+    <!--End Duyuru Block-->
+
+    <!--Duyuru Block-->
+    <div class="duyurular-block col-3 wow fadeInUp" data-wow-delay="0.4s">
+      <div class="duyurular-block-content">
+        <h3>Duyuru #3</h3>
+        <p class="duyurular-sub">01/01/2020</p>
+        <div>
+          <a href="/Duyurular/Duyuru3"
+            class="wow fadeIn"><img [src]="imgSrc3" (mouseover)="onMouseOver3()" (mouseout)="onMouseOut3()"/></a>
+        </div>
+        <ul>
+          <li><b>Duyuru İsmi</b></li>
+          <li></li>
+        </ul>
+        <a href="/Duyurular/Duyuru3" class="button">Daha Fazlası</a>
+      </div>
+    </div>
+    <!--End Duyuru Block-->
+  </div>
+</section>
+<!--End of Duyuru Tables-->

src/app/duyurular/duyurular.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DuyurularComponent } from './duyurular.component';
+
+describe('DuyurularComponent', () => {
+  let component: DuyurularComponent;
+  let fixture: ComponentFixture<DuyurularComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ DuyurularComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DuyurularComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/duyurular/duyurular.component.ts

@@ -0,0 +1,42 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-duyurular',
+  templateUrl: './duyurular.component.html',
+  styleUrls: ['./duyurular.component.css']
+})
+export class DuyurularComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+  imgSrc: string = "assets/images/duyuru-images/duyuru.jpg";
+  imgSrc2: string = "assets/images/duyuru-images/duyuru.jpg";
+  imgSrc3: string = "assets/images/duyuru-images/duyuru.jpg";
+
+  onMouseOver(): void {
+    this.imgSrc = "assets/images/duyuru-images/duyuru-2.jpg";
+  }
+
+  onMouseOut(): void {
+    this.imgSrc = "assets/images/duyuru-images/duyuru.jpg";
+  }
+
+  onMouseOver2(): void {
+    this.imgSrc2 = "assets/images/duyuru-images/duyuru-2.jpg";
+  }
+
+  onMouseOut2(): void {
+    this.imgSrc2 = "assets/images/duyuru-images/duyuru.jpg";
+  }
+
+  onMouseOver3(): void {
+    this.imgSrc3 = "assets/images/duyuru-images/duyuru-2.jpg";
+  }
+
+  onMouseOut3(): void {
+    this.imgSrc3 = "assets/images/duyuru-images/duyuru.jpg";
+  }
+}

src/app/faaliyet/faaliyet.component.html

@@ -0,0 +1,76 @@
+<!--Faaliyet Tables-->
+<section id="faaliyet" class="secondary-color text-center scrollto clearfix">
+  <div class="row clearfix">
+    <div class="section-heading">
+      <h3>FAALİYET RAPORLARI</h3>
+      <h2 class="section-title">Yaptığımız Faaliyetlerin Raporları</h2>
+    </div>
+
+    <!--Faaliyet Block-->
+    <div class="duyurular-block col-3 wow fadeInUp" data-wow-delay="0.4s">
+      <div class="duyurular-block-content">
+        <h3>Faaliyet Raporu #1</h3>
+        <p class="section-subtitle">Karar İsmi</p>
+        <p class="duyurular-sub">01/01/2020</p>
+        <a href="#" class="button">Daha Fazlası</a>
+      </div>
+    </div>
+    <!--End Faaliyet Block-->
+
+    <!--Faaliyet Block-->
+    <div class="duyurular-block col-3 wow fadeInUp" data-wow-delay="0.4s">
+      <div class="duyurular-block-content">
+        <h3>Faaliyet Raporu #2</h3>
+        <p class="section-subtitle">Karar İsmi</p>
+        <p class="duyurular-sub">01/01/2020</p>
+        <a href="#" class="button">Daha Fazlası</a>
+      </div>
+    </div>
+    <!--End Faaliyet Block-->
+
+    <!--Faaliyet Block-->
+    <div class="duyurular-block col-3 wow fadeInUp" data-wow-delay="0.4s">
+      <div class="duyurular-block-content">
+        <h3>Faaliyet Raporu #3</h3>
+        <p class="section-subtitle">Karar İsmi</p>
+        <p class="duyurular-sub">01/01/2020</p>
+        <a href="#" class="button">Daha Fazlası</a>
+      </div>
+    </div>
+    <!--End Faaliyet Block-->
+
+    <!--Faaliyet Block-->
+    <div class="duyurular-block col-3 wow fadeInUp" data-wow-delay="0.4s">
+      <div class="duyurular-block-content">
+        <h3>Faaliyet Raporu #4</h3>
+        <p class="section-subtitle">Karar İsmi</p>
+        <p class="duyurular-sub">01/01/2020</p>
+        <a href="#" class="button">Daha Fazlası</a>
+      </div>
+    </div>
+    <!--End Faaliyet Block-->
+
+    <!--Faaliyet Block-->
+    <div class="duyurular-block col-3 wow fadeInUp" data-wow-delay="0.4s">
+      <div class="duyurular-block-content">
+        <h3>Faaliyet Raporu #5</h3>
+        <p class="section-subtitle">Karar İsmi</p>
+        <p class="duyurular-sub">01/01/2020</p>
+        <a href="#" class="button">Daha Fazla</a>
+      </div>
+    </div>
+    <!--End Faaliyet Block-->
+
+    <!--Faaliyet Block-->
+    <div class="duyurular-block col-3 wow fadeInUp" data-wow-delay="0.4s">
+      <div class="duyurular-block-content">
+        <h3>Faaliyet Raporu #6</h3>
+        <p class="section-subtitle">Karar İsmi</p>
+        <p class="duyurular-sub">01/01/2020</p>
+        <a href="#" class="button">Daha Fazla</a>
+      </div>
+    </div>
+    <!--End Faaliyet Block-->
+  </div>
+</section>
+<!--End of Faaliyet Tables-->

src/app/faaliyet/faaliyet.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FaaliyetComponent } from './faaliyet.component';
+
+describe('FaaliyetComponent', () => {
+  let component: FaaliyetComponent;
+  let fixture: ComponentFixture<FaaliyetComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ FaaliyetComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(FaaliyetComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/faaliyet/faaliyet.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from "@angular/core";
+
+@Component({
+  selector: "app-faaliyet",
+  templateUrl: "./faaliyet.component.html",
+  styleUrls: ["./faaliyet.component.css"],
+})
+export class FaaliyetComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

src/app/footer/footer.component.css

@@ -0,0 +1,3 @@
+a img:hover {
+    opacity: 0.7;
+}

src/app/footer/footer.component.html

@@ -0,0 +1,26 @@
+<!--Footer-->
+<footer id="landing-footer" class="clearfix">
+  <div class="row clearfix">
+
+    <div class="col-3">
+        <p class="section-subtitle">
+          <b>Adresimiz</b><br>
+          Yahşi Mh., Kargı Cd., 48420<br>
+          Ortakent yahşi<br>
+          Bld./Bodrum/Muğla<br>
+          Tel:
+        </p>
+    </div>
+    <div class="col-3">
+      <p class="section-subtitle text-right">
+        <b>Bizi takip edin</b><br>
+        <span><a href="https://www.facebook.com/profile.php?id=100041188725392"><img src="/assets/socialmedia-96.png" height=45px width=45px></a></span>          
+        <span><a href="https://www.instagram.com/kargi_sitesi"><img src="/assets/instagram-96.png" height=43px width=45px></a></span>
+        <br>
+        <br>
+        Made by Batuhan Başoğlu
+      </p>
+    </div>
+  </div>
+</footer>
+<!--End of Footer-->

src/app/footer/footer.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FooterComponent } from './footer.component';
+
+describe('FooterComponent', () => {
+  let component: FooterComponent;
+  let fixture: ComponentFixture<FooterComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ FooterComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(FooterComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/footer/footer.component.ts

@@ -0,0 +1,14 @@
+import { Component, OnInit } from "@angular/core";
+
+@Component({
+  selector: "app-footer",
+  templateUrl: "./footer.component.html",
+  styleUrls: ["./footer.component.css"],
+})
+export class FooterComponent implements OnInit {
+  lat = 8.988759;
+  lng = 38.788968;
+  constructor() {}
+
+  ngOnInit() {}
+}

src/app/genelkurul/genelkurul.component.html

@@ -0,0 +1,76 @@
+<!--Kurul Tables-->
+<section id="genelkurul" class="secondary-color text-center scrollto clearfix">
+  <div class="row clearfix">
+    <div class="section-heading">
+      <h3>GENEL KURUL KARARLARI</h3>
+      <h2 class="section-title">Aldığımız Genel Kurul Kararları</h2>
+    </div>
+
+    <!--Kurul Block-->
+    <div class="duyurular-block col-3 wow fadeInUp" data-wow-delay="0.4s">
+      <div class="duyurular-block-content">
+        <h3>Genel Kurul Kararı #1</h3>
+        <p class="section-subtitle">Karar İsmi</p>
+        <p class="duyurular-sub">01/01/2020</p>
+        <a href="#" class="button">Daha Fazlası</a>
+      </div>
+    </div>
+    <!--End Kurul Block-->
+
+    <!--Kurul Block-->
+    <div class="duyurular-block col-3 wow fadeInUp" data-wow-delay="0.4s">
+      <div class="duyurular-block-content">
+        <h3>Genel Kurul Kararı #2</h3>
+        <p class="section-subtitle">Karar İsmi</p>
+        <p class="duyurular-sub">01/01/2020</p>
+        <a href="#" class="button">Daha Fazlası</a>
+      </div>
+    </div>
+    <!--End Kurul Block-->
+
+    <!--Kurul Block-->
+    <div class="duyurular-block col-3 wow fadeInUp" data-wow-delay="0.4s">
+      <div class="duyurular-block-content">
+        <h3>Genel Kurul Kararı #3</h3>
+        <p class="section-subtitle">Karar İsmi</p>
+        <p class="duyurular-sub">01/01/2020</p>
+        <a href="#" class="button">Daha Fazlası</a>
+      </div>
+    </div>
+    <!--End Kurul Block-->
+
+    <!--Kurul Block-->
+    <div class="duyurular-block col-3 wow fadeInUp" data-wow-delay="0.4s">
+      <div class="duyurular-block-content">
+        <h3>Genel Kurul Kararı #4</h3>
+        <p class="section-subtitle">Karar İsmi</p>
+        <p class="duyurular-sub">01/01/2020</p>
+        <a href="#" class="button">Daha Fazlası</a>
+      </div>
+    </div>
+    <!--End Kurul Block-->
+
+    <!--Kurul Block-->
+    <div class="duyurular-block col-3 wow fadeInUp" data-wow-delay="0.4s">
+      <div class="duyurular-block-content">
+        <h3>Genel Kurul Kararı #5</h3>
+        <p class="section-subtitle">Karar İsmi</p>
+        <p class="duyurular-sub">01/01/2020</p>
+        <a href="#" class="button">Daha Fazlası</a>
+      </div>
+    </div>
+    <!--End Kurul Block-->
+
+    <!--Kurul Block-->
+    <div class="duyurular-block col-3 wow fadeInUp" data-wow-delay="0.4s">
+      <div class="duyurular-block-content">
+        <h3>Genel Kurul Kararı #6</h3>
+        <p class="section-subtitle">Karar İsmi</p>
+        <p class="duyurular-sub">01/01/2020</p>
+        <a href="#" class="button">Daha Fazlası</a>
+      </div>
+    </div>
+    <!--End Kurul Block-->
+  </div>
+</section>
+<!--End of Kurul Tables-->

src/app/genelkurul/genelkurul.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { GenelkurulComponent } from './genelkurul.component';
+
+describe('GenelkurulComponent', () => {
+  let component: GenelkurulComponent;
+  let fixture: ComponentFixture<GenelkurulComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ GenelkurulComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(GenelkurulComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/genelkurul/genelkurul.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from "@angular/core";
+
+@Component({
+  selector: "app-genelkurul",
+  templateUrl: "./genelkurul.component.html",
+  styleUrls: ["./genelkurul.component.css"],
+})
+export class GenelkurulComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

src/app/hizmetlerimiz/hizmetlerimiz.component.html

@@ -0,0 +1,154 @@
+<!--Introduction-->
+<section id="about" class="introduction scrollto">
+  <div class="row clearfix">
+    <div class="col-2">
+      <div class="section-heading">
+        <h3>HİZMETLERİMİZ</h3>
+        <h2 class="section-title">Çalışma Saatleri</h2>
+        <p class="section-subtitle">
+          Sabah: 08.00-12.00<br>
+          Öğlen: 13.00-17.00<br>
+          Hafta Sonu (Cumartesi): 08.00-13.00
+        </p>
+        <br>
+      </div>
+    </div>
+
+    <div class="col-3">
+      <img src="../assets/images/hizmet-images/hizmet.png" alt="Landing Page" />
+    </div>
+
+    <div class="col-1">
+      <!--Icon Block-->
+      <div class="row-2 icon-block icon-top wow fadeInUp" data-wow-delay="0.1s">
+        <!--Icon-->
+        <div class="icon">
+          <i class="fa fa-home fa-4x"></i>
+        </div>
+        <!--Icon Block Description-->
+        <div class="icon-block-description">
+          <h4>Teknik Hizmetler</h4>
+          <p>
+            Bu kadroda çalışan personel; Kat maliklerimizin konutlarındaki su sayacına kadar olan arızalarda bakım ve
+            onarımı, ortak alanlar ve
+            site genelindeki elektrik, su ve kanalizasyon şebekesinde meydana gelen arızaların onarımlarıyla ilgili
+            teknik servis hizmeti vermektedirler.
+          </p>
+        </div>
+      </div>
+      <!--End of Icon Block-->
+
+      <!--Icon Block-->
+      <div class="row-2 icon-block icon-top wow fadeInUp" data-wow-delay="0.3s">
+        <!--Icon-->
+        <div class="icon">
+          <i class="fa fa-bus fa-4x"></i>
+        </div>
+        <!--Icon Block Description-->
+        <div class="icon-block-description">
+          <h4>Ulaşım Hizmetleri </h4>
+          <p>
+            Yaz sezonunda; Yönetimce belirlenen saatlerde, site içi hizmet vermektedir. Ayrıca her gün Sahile Shuttle
+            hizmeti verilmektedir.
+          </p>
+        </div>
+      </div>
+      <!--End of Icon Block-->
+
+      <!--Icon Block-->
+      <div class="row-2 icon-block icon-top wow fadeInUp" data-wow-delay="0.5s">
+        <!--Icon-->
+        <div class="icon">
+          <i class="fa fa-shield fa-4x"></i>
+        </div>
+        <!--Icon Block Description-->
+        <div class="icon-block-description">
+          <h4>Güvenlik Hizmetleri</h4>
+          <p>
+            24 saat kesintisiz olarak verilen site koruma ve güvenlik hizmetleri, özel güvenlik şirketi aracılığı ile
+            yürütülmektedir.
+            Site kamera görüntülerinin izlenmesi, siteye gelenlerin geliş amacına göre yönlendirilmesi ve takibi gibi
+            her türlü güvenlik hizmetleri;
+            özel güvenlik şirketiyle yapılmış olan koruma ve güvenlik hizmet sözleşmesi, 5188 sayılı Kanun, ilgili
+            yönetmelikler, güvenlik yönetmeliği ve
+            görev talimatları çerçevesinde yürütülmektedir.
+          </p>
+        </div>
+      </div>
+      <!--End of Icon Block-->
+
+      <!--Icon Block-->
+      <div class="row-2 icon-block icon-top wow fadeInUp" data-wow-delay="0.5s">
+        <!--Icon-->
+        <div class="icon">
+          <i class="fa fa-sun-o fa-4x"></i>
+        </div>
+        <!--Icon Block Description-->
+        <div class="icon-block-description">
+          <h4>Sahil ve Kumsal Hizmetleri</h4>
+          <p>
+            ...
+          </p>
+        </div>
+      </div>
+      <!--End of Icon Block-->
+
+      <!--Icon Block-->
+      <div class="row-2 icon-block icon-top wow fadeInUp" data-wow-delay="0.1s">
+        <!--Icon-->
+        <div class="icon">
+          <i class="fa fa-pagelines fa-4x"></i>
+        </div>
+        <!--Icon Block Description-->
+        <div class="icon-block-description">
+          <h4>Temizlik ve Genel Bahçe Hizmetleri</h4>
+          <p>
+            Site içi ara yolların süpürülmesi, sitenin genel ve ortak alanların temizliği, site içi bahçe atıklarının
+            belirli günlerde toplanması,
+            peyzaj çalışması yapılan alanlar, parklar ve ortak alanların budama ile ot temizlikleri, alt yapı
+            arızalarının giderilmesi ve tamirat hizmetleri vermektedir.
+          </p>
+        </div>
+      </div>
+      <!--End of Icon Block-->
+
+      <!--Icon Block-->
+      <div class="row-2 icon-block icon-top wow fadeInUp" data-wow-delay="0.3s">
+        <!--Icon-->
+        <div class="icon">
+          <i class="fa fa-tint fa-4x"></i>
+        </div>
+        <!--Icon Block Description-->
+        <div class="icon-block-description">
+          <h4>Arıtma Tesisi ve Sulama Hizmetleri</h4>
+          <p>
+            Arıtma tesisinin düzenli ve kontrollü olarak çalışması, tesisin her türlü periyodik bakım-onarım
+            çalışmalarının yapılması,
+            arıtmadan çıkan arıtılmış atık suyun sulama havuzuna aktarılması, ortak alanların, parkların ve peyzaj
+            çalışması yapılmış olan
+            tüm alanların düzenli olarak sulanması ve sulama hatlarının kontrolü hizmetleridir.
+          </p>
+        </div>
+      </div>
+      <!--End of Icon Block-->
+
+      <!--Icon Block-->
+      <div class="row-2 icon-block icon-top wow fadeInUp" data-wow-delay="0.5s">
+        <!--Icon-->
+        <div class="icon">
+          <i class="fa fa-bug fa-4x"></i>
+        </div>
+        <!--Icon Block Description-->
+        <div class="icon-block-description">
+          <h4>İlaçlama Hizmetleri</h4>
+          <p>
+            Tüm yıl boyunca rögar ve fosseptiklerin ilaçlanması, yaz sezonunda haftada 3 gün ULV ilaçlama yapılması, çöp
+            bidonlarının ilaçlanması hizmetleridir.
+          </p>
+        </div>
+      </div>
+      <!--End of Icon Block-->
+    </div>
+  </div>
+</section>
+<!--End of Introduction-->

src/app/hizmetlerimiz/hizmetlerimiz.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HizmetlerimizComponent } from './hizmetlerimiz.component';
+
+describe('HizmetlerimizComponent', () => {
+  let component: HizmetlerimizComponent;
+  let fixture: ComponentFixture<HizmetlerimizComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ HizmetlerimizComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(HizmetlerimizComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/hizmetlerimiz/hizmetlerimiz.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from "@angular/core";
+
+@Component({
+  selector: "app-intro",
+  templateUrl: "./hizmetlerimiz.component.html",
+  styleUrls: ["./hizmetlerimiz.component.css"],
+})
+export class HizmetlerimizComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

src/app/iletisim/iletisim.component.css

@@ -0,0 +1,34 @@
+agm-map {
+    height: 300px;
+}
+
+.fcf-form-wrap {
+    max-width: 500px;
+    padding: 30px;
+    border-radius: 4px;
+    background-color: #ffffff;
+}
+
+#fcf-form {
+    background-color: #ffffff;
+    color: #363636;
+}
+
+.button.is-link {
+    background-color: #363636;
+    border-color: transparent;
+    color: #ffffff;
+}
+
+.button.is-link:hover {
+    background-color: #808080;
+    color: #ffffff;
+    border-color: transparent;
+}
+
+.button.is-link[disabled] {
+    background-color: #808080;
+    border-color: transparent;
+    box-shadow: none;
+}
+

src/app/iletisim/iletisim.component.html

@@ -0,0 +1,80 @@
+<!--Iletisim-->
+<section id="iletisim" class="scrollto clearfix">
+  <div class="row clearfix">
+
+    <div class="col-3">
+
+      <div class="section-heading">
+        <h3>İLETİŞİM</h3>
+        <h2 class="section-title">İletişim Bilgileri</h2>
+        <p class="section-subtitle">
+          Kargı Sitesi<br>
+          Kargı Caddesi 48420<br>
+          Ortakent-Yahşi Bulvarı<br>
+          Muğla, Bodrum<br>
+          Telefon:</p>
+      </div>
+
+    </div>
+
+    <div class="col-2-3">
+      <br>
+      <agm-map [latitude]="lat" [longitude]="lng" [mapDraggable]="false" [zoom]="17" [scrollwheel]="false">
+        <agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
+      </agm-map>
+    </div>
+
+
+    <div class="col-1">
+      <div class="section-heading">
+        <h2 class="section-title">Bize Ulaşın</h2>
+        <div class="fcf-form-wrap">
+          <div id="fcf-form">
+            <form [formGroup]="FormData" (ngSubmit)="onSubmit(FormData.value)">
+              <div class="form-group">
+                <label for="Name" class="label has-text-weight-normal">İsminiz</label><br>
+                <input type="text" class="form-control" name="Name" formControlName="Name" maxlength="100" size="30">
+                <div [hidden]="Name.pristine || Name.valid" class="alert alert-danger">
+                  <div style="color:#ff0000">İsim gerekli.</div>
+                </div>
+                <br>
+              </div>
+              <div class="form-group">
+                <label for="Email" class="label has-text-weight-normal">E-Mailiniz</label><br>
+                <input type="email" class="form-control" name="Email" aria-describedby="emailHelp"
+                  formControlName="Email" maxlength="100" size="30">
+                <div [hidden]="Email.pristine || Email.valid" class="alert alert-danger">
+                  <div style="color:#ff0000">Doğru bir e-mail adresi gerekli.</div>
+                </div>
+                <br>
+              </div>
+              <div class="form-group">
+                <label for="Phone" class="label has-text-weight-normal">Telefonunuz (Gerekli Değil)</label><br>
+                <input type="text" class="form-control" name="Phone" formControlName="Phone" maxlength="30" size="30">
+                <div [hidden]="Phone.pristine || Phone.valid" class="alert alert-danger">
+                  <div style="color:#ff0000">Telefon numarası numerik olmalı.</div>
+                </div>
+                <br>
+              </div>
+              <div class="form-group">
+                <label for="Message" class="label has-text-weight-normal">Mesajınız</label><br>
+                <textarea class="form-control" formControlName="Message" name="Message" maxlength="3000" rows="8"
+                  cols="50"></textarea>
+                <div [hidden]="Message.pristine || Message.valid" class="alert alert-danger">
+                  <div style="color:#ff0000">Mesaj gerekli.</div>
+                </div>
+                <br>
+              </div>
+              <div class="form-group">
+                <button type="submit" class="button is-link is-medium is-fullwidth"
+                  [disabled]="!FormData.valid">Gönderin</button>
+              </div>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+</section>
+<!--End of Iletisim-->

src/app/iletisim/iletisim.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { IletisimComponent } from './iletisim.component';
+
+describe('IletisimComponent', () => {
+  let component: IletisimComponent;
+  let fixture: ComponentFixture<IletisimComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ IletisimComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(IletisimComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/iletisim/iletisim.component.ts

@@ -0,0 +1,42 @@
+import { Component, OnInit } from '@angular/core';
+import { UntypedFormBuilder, UntypedFormControl, UntypedFormGroup, Validators} from '@angular/forms';
+import { ServicesService } from '../services.service';
+
+@Component({
+  selector: 'app-iletisim',
+  templateUrl: './iletisim.component.html',
+  styleUrls: ['./iletisim.component.css']
+})
+export class IletisimComponent implements OnInit{
+  lat = 37.00850309346716;
+  lng = 27.32525836435135;
+
+  FormData: UntypedFormGroup;
+  constructor(private builder: UntypedFormBuilder, private contact: ServicesService) { }
+
+  ngOnInit() {
+    this.FormData = this.builder.group({
+      Name: new UntypedFormControl('', [Validators.required]),
+      Email: new UntypedFormControl('', [Validators.compose([Validators.required, Validators.email])]),
+      Phone: new UntypedFormControl('', [Validators.pattern("^[0-9]*$")]),
+      Message: new UntypedFormControl('', [Validators.required])
+    });
+  }
+
+  get Name() {return this.FormData.get('Name'); }
+  get Email() {return this.FormData.get('Email'); }
+  get Phone() {return this.FormData.get('Phone'); }
+  get Message() {return this.FormData.get('Message'); }
+
+  onSubmit(FormData) {
+    console.log(FormData)
+    this.contact.PostMessage(FormData)
+      .subscribe(response => {
+        location.href = 'https://mailthis.to/confirm'
+        console.log(response)
+      }, error => {
+        console.warn(error.responseText)
+        console.log({ error })
+      })
+  }
+}

src/app/kurumsal/kurumsal.component.html

@@ -0,0 +1,65 @@
+<!--Kurumsal-->
+<aside id="kurumsal" class="scrollto text-center" data-enllax-ratio=".2">
+
+  <div class="row clearfix">
+
+    <div class="section-heading">
+      <h3>HAKKIMIZDA</h3>
+      <h2 class="section-title">Yönetim Kurulumuz</h2>
+    </div>
+
+    <!--Kurumsal-->
+    <blockquote class="col-3 kurumsal classic">
+      <img src="../assets/images/user-images/user-1.jpg" alt="User" />
+      <p style="color:#808080">Yönetim Kurulu Başkanı</p>
+      <footer>Kamuran Başoğlu</footer>
+    </blockquote>
+    <!-- End of Kurumsal-->
+
+    <!--Kurumsal-->
+    <blockquote class="col-3 kurumsal classic">
+      <img src="../assets/images/user-images/user-2.jpg" alt="User" />
+      <p style="color:#808080">Yönetim Kurulu Başkan Yardımcısı</p>
+      <footer>Mahir Ataç</footer>
+    </blockquote>
+    <!-- End of Kurumsal-->
+
+    <!--Kurumsal-->
+    <blockquote class="col-3 kurumsal classic">
+      <img src="../assets/images/user-images/user-3.jpg" alt="User" />
+      <p style="color:#808080">Yönetim Kurulu Başkan Yardımcısı</p>
+      <footer>Fatih Ertaş</footer>
+    </blockquote>
+    <!-- End of Kurumsal-->
+
+    <!--Kurumsal-->
+    <blockquote class="col-3 kurumsal classic">
+      <img src="../assets/images/user-images/user-4.jpg" alt="User" />
+      <p style="color:#808080">Denetçi</p>
+      <footer>Nur Mollaoğlu</footer>
+    </blockquote>
+    <!-- End of Kurumsal-->
+  </div>
+  <div class="row clearfix">
+    <div class="section-heading">
+      <h2 class="section-title">Personellerimiz</h2>
+    </div>
+    <!--Kurumsal-->
+    <blockquote class="col-3 kurumsal classic">
+      <img src="../assets/images/user-images/user-5.jpg" alt="User" />
+      <p style="color:#808080">Güvenlik</p>
+      <footer>Yüksel Keskin</footer>
+    </blockquote>
+    <!-- End of Kurumsal-->
+
+    <!--Kurumsal-->
+    <blockquote class="col-3 kurumsal classic">
+      <img src="../assets/images/user-images/user-6.jpg" alt="User" />
+      <p style="color:#808080">Yarı Zamanlı Personel</p>
+      <footer>Şengül Keskin</footer>
+    </blockquote>
+    <!-- End of Kurumsal-->
+  </div>
+
+</aside>
+<!--End of Kurumsal-->

src/app/kurumsal/kurumsal.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-kurumsal',
+  templateUrl: './kurumsal.component.html',
+  styleUrls: ['./kurumsal.component.css']
+})
+export class KurumsalComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/navigation/navigation.component.html

@@ -0,0 +1,99 @@
+<!--Beginning of header-->
+<div id="header" class="nav-collapse nav-solid">
+  <div class="row clearfix">
+    <div class="col-1">
+      <!--Logo-->
+      <div id="logo">
+        <!--Logo that is shown on the banner-->
+        <img src="assets/images/logo.jpg" id="banner-logo" alt="Landing Page" />
+        <!--End of Banner Logo-->
+
+        <!--The Logo that is shown on the sticky Navigation Bar-->
+        <img
+          src="assets/images/logo-2.jpg"
+          id="navigation-logo"
+          alt="Landing Page"
+        />
+        <!--End of Navigation Logo-->
+      </div>
+      <!--End of Logo-->
+      <aside>
+        <app-social></app-social>
+      </aside>
+
+      <!--Main Navigation-->
+      <nav id="nav-main">
+        <ul>
+          <li>
+            <a
+              routerLink="/Anasayfa"
+              (click)="getActiveTab('anasayfa')"
+              [class.active]="activetab === 'anasayfa'"
+              >Anasayfa</a
+            >
+          </li>
+          <li>
+            <a
+              routerLink="/Kurumsal"
+              (click)="getActiveTab('kurumsal')"
+              [class.active]="activetab === 'kurumsal'"
+              >Hakkımızda</a
+            >
+          </li>
+          <li>
+            <a
+              routerLink="/Hizmetlerimiz"
+              (click)="getActiveTab('hizmetlerimiz')"
+              [class.active]="activetab === 'hizmetlerimiz'"
+              >Hİzmetlerİmİz</a
+            >
+          </li>
+          <li>
+            <a
+              routerLink="/Sitegörselleri"
+              (click)="getActiveTab('sitegörselleri')"
+              [class.active]="activetab === 'sitegörselleri'"
+              >Sİte Görsellerİ</a
+            >
+          </li>
+          <li>
+            <a
+              routerLink="/Duyurular"
+              (click)="getActiveTab('duyurular')"
+              [class.active]="activetab === 'duyurular'"
+              >Duyurular</a
+            >
+          </li>
+          <li>
+            <a
+              routerLink="/Faaliyet"
+              (click)="getActiveTab('faaliyet')"
+              [class.active]="activetab === 'faaliyet'"
+              >Faalİyet RaporlarI</a
+            >
+          </li>
+          <li>
+            <a
+              routerLink="/Genelkurul"
+              (click)="getActiveTab('genelkurul')"
+              [class.active]="activetab === 'genelkurul'"
+              >Genel Kurul KararlarI</a
+            >
+          </li>
+          <li>
+            <a
+              routerLink="/Iletisim"
+              (click)="getActiveTab('iletisim')"
+              [class.active]="activetab === 'iletisim'"
+              >İletİşİm</a
+            >
+          </li>
+        </ul>
+      </nav>
+      <!--End of Main Navigation-->
+      <div id="nav-trigger"><span></span></div>
+      <nav id="nav-mobile"></nav>
+    </div>
+  </div>
+</div>
+<!--End of Header-->

src/app/navigation/navigation.component.ts

@@ -0,0 +1,18 @@
+import { Component, OnInit } from "@angular/core";
+
+@Component({
+  selector: "app-navigation",
+  templateUrl: "./navigation.component.html",
+  styleUrls: ["./navigation.component.css"],
+})
+export class NavigationComponent implements OnInit {
+  activetab = "home";
+
+  constructor() {}
+
+  ngOnInit() {}
+
+  getActiveTab(tabname: string) {
+    this.activetab = tabname;
+  }
+}

src/app/services.service.spec.ts

@@ -0,0 +1,12 @@
+import { TestBed } from '@angular/core/testing';
+
+import { ServicesService } from './services.service';
+
+describe('ServicesService', () => {
+  beforeEach(() => TestBed.configureTestingModule({}));
+
+  it('should be created', () => {
+    const service: ServicesService = TestBed.get(ServicesService);
+    expect(service).toBeTruthy();
+  });
+});

src/app/services.service.ts

@@ -0,0 +1,29 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { map } from 'rxjs/operators'
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ServicesService {
+  private mailApi = 'https://mailthis.to/kargisitesi@gmail.com'
+
+  constructor(private http: HttpClient) { }
+
+  PostMessage(input: any) {
+    return this.http.post(this.mailApi, input, { responseType: 'text' })
+      .pipe(
+        map(
+          (response) => {
+            if (response) {
+              return response;
+            }
+          },
+          (error: any) => {
+            return error;
+          }
+        )
+      )
+  }
+
+}

src/app/sitegörselleri/sitegörselleri.component.html

@@ -0,0 +1,117 @@
+<!--Sitegörselleri-->
+<aside
+  id="sitegörselleri"
+  class="row text-center scrollto clearfix"
+  data-featherlight-gallery
+  data-featherlight-filter="a"
+>
+  <a
+    href="../assets/images/gallery-images/gallery-image-1.jpg"
+    data-featherlight="image"
+    class="col-3 wow fadeIn"
+    data-wow-delay="0.1s"
+    ><img
+      src="../assets/images/gallery-images/gallery-image-1.jpg"
+      alt="Landing Page"
+  /></a>
+  <a
+    href="../assets/images/gallery-images/gallery-image-2.jpg"
+    data-featherlight="image"
+    class="col-3 wow fadeIn"
+    data-wow-delay="0.3s"
+    ><img
+      src="../assets/images/gallery-images/gallery-image-2.jpg"
+      alt="Landing Page"
+  /></a>
+  <a
+    href="../assets/images/gallery-images/gallery-image-3.jpg"
+    data-featherlight="image"
+    class="col-3 wow fadeIn"
+    data-wow-delay="0.5s"
+    ><img
+      src="../assets/images/gallery-images/gallery-image-3.jpg"
+      alt="Landing Page"
+  /></a>
+  <a
+    href="../assets/images/gallery-images/gallery-image-4.jpg"
+    data-featherlight="image"
+    class="col-3 wow fadeIn"
+    data-wow-delay="1.1s"
+    ><img
+      src="../assets/images/gallery-images/gallery-image-4.jpg"
+      alt="Landing Page"
+  /></a>
+  <a
+    href="../assets/images/gallery-images/gallery-image-5.jpg"
+    data-featherlight="image"
+    class="col-3 wow fadeIn"
+    data-wow-delay="0.9s"
+    ><img
+      src="../assets/images/gallery-images/gallery-image-5.jpg"
+      alt="Landing Page"
+  /></a>
+  <a
+    href="../assets/images/gallery-images/gallery-image-6.jpg"
+    data-featherlight="image"
+    class="col-3 wow fadeIn"
+    data-wow-delay="0.7s"
+    ><img
+      src="../assets/images/gallery-images/gallery-image-6.jpg"
+      alt="Landing Page"
+  /></a>
+  <a
+    href="../assets/images/gallery-images/gallery-image-7.jpg"
+    data-featherlight="image"
+    class="col-3 wow fadeIn"
+    data-wow-delay="0.1s"
+    ><img
+      src="../assets/images/gallery-images/gallery-image-7.jpg"
+      alt="Landing Page"
+  /></a>
+  <a
+    href="../assets/images/gallery-images/gallery-image-8.jpg"
+    data-featherlight="image"
+    class="col-3 wow fadeIn"
+    data-wow-delay="0.3s"
+    ><img
+      src="../assets/images/gallery-images/gallery-image-8.jpg"
+      alt="Landing Page"
+  /></a>
+  <a
+    href="../assets/images/gallery-images/gallery-image-9.jpg"
+    data-featherlight="image"
+    class="col-3 wow fadeIn"
+    data-wow-delay="0.5s"
+    ><img
+      src="../assets/images/gallery-images/gallery-image-9.jpg"
+      alt="Landing Page"
+  /></a>
+  <a
+    href="../assets/images/gallery-images/gallery-image-10.jpg"
+    data-featherlight="image"
+    class="col-3 wow fadeIn"
+    data-wow-delay="1.1s"
+    ><img
+      src="../assets/images/gallery-images/gallery-image-10.jpg"
+      alt="Landing Page"
+  /></a>
+  <a
+    href="../assets/images/gallery-images/gallery-image-11.jpg"
+    data-featherlight="image"
+    class="col-3 wow fadeIn"
+    data-wow-delay="0.9s"
+    ><img
+      src="../assets/images/gallery-images/gallery-image-11.jpg"
+      alt="Landing Page"
+  /></a>
+  <a
+    href="../assets/images/gallery-images/gallery-image-12.jpg"
+    data-featherlight="image"
+    class="col-3 wow fadeIn"
+    data-wow-delay="1.1s"
+    ><img
+      src="../assets/images/gallery-images/gallery-image-12.jpg"
+      alt="Landing Page"
+  /></a>
+</aside>
+<!--End of Sitegörselleri-->

src/app/sitegörselleri/sitegörselleri.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SitegörselleriComponent } from './sitegörselleri.component';
+
+describe('SitegörselleriComponent', () => {
+  let component: SitegörselleriComponent;
+  let fixture: ComponentFixture<SitegörselleriComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ SitegörselleriComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SitegörselleriComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/sitegörselleri/sitegörselleri.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from "@angular/core";
+
+@Component({
+  selector: "app-sitegörselleri",
+  templateUrl: "./sitegörselleri.component.html",
+  styleUrls: ["./sitegörselleri.component.css"],
+})
+export class SitegörselleriComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

src/app/social/social.component.html

@@ -0,0 +1,16 @@
+<aside>
+  <!--Social Icons in Header-->
+  <ul class="social-icons">
+    <li>
+      <a target="_blank" title="Facebook" href="https://www.facebook.com/profile.php?id=100041188725392">
+        <i class="fa fa-facebook fa-1x"></i><span>Facebook</span>
+      </a>
+    </li>
+    <li>
+      <a target="_blank" title="Instagram" href="https://www.instagram.com/kargi_sitesi">
+        <i class="fa fa-instagram fa-1x"></i><span>Instagram</span>
+      </a>
+    </li>
+  </ul>
+  <!--End of Social Icons in Header-->
+</aside>

src/app/social/social.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SocialComponent } from './social.component';
+
+describe('SocialComponent', () => {
+  let component: SocialComponent;
+  let fixture: ComponentFixture<SocialComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ SocialComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SocialComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/social/social.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-social',
+  templateUrl: './social.component.html',
+  styleUrls: ['./social.component.css']
+})
+export class SocialComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/assets/css/namari-color.css

@@ -0,0 +1,323 @@
+/* Namari Landing Page Dynamic Style Index
+
+1. Website Default Styling
+2. Navigation
+3. Primary and Secondary Colors
+4. Banner
+5. Typography
+6. Buttons
+7. Footer
+
+
+/*------------------------------------------------------------------------------------------*/
+/* 1. Website Default Styling */
+/*------------------------------------------------------------------------------------------*/
+
+body {
+  background: #fff;
+}
+
+/* Default Link Color */
+
+a,
+.la-ball-triangle-path {
+  color: #d2b356;
+}
+
+a:hover,
+#header.nav-solid nav a:hover {
+  color: #d2b356;
+}
+
+/* Default Icon Color */
+
+.icon i {
+  color: #d2b356;
+}
+
+/* Border Color */
+
+#banner .section-heading:before,
+.testimonial.classic footer:before {
+  background: #d2b356;
+}
+
+.pricing-block-content:hover {
+  border-color: #d2b356;
+}
+
+/*------------------------------------------------------------------------------------------*/
+/* 2. Navigation */
+/*------------------------------------------------------------------------------------------*/
+
+/* Transparent Navigation Color on a Banner */
+
+#header nav a,
+#header i {
+  color: #111;
+}
+
+/* Navigation Colors when the Navigation is sticky and solid */
+
+#header.nav-solid,
+#header.nav-solid a,
+#header.nav-solid i,
+#nav-mobile ul li a {
+  color: #333;
+}
+
+/* Navigation Active State */
+
+#header.nav-solid .active {
+  color: #d2b356;
+  border-color: #d2b356;
+}
+
+/*------------------------------------------------------------------------------------------*/
+/* 3. Primary and Secondary Colors */
+/*------------------------------------------------------------------------------------------*/
+
+/* Primary Background and Text Colors */
+
+.primary-color,
+.featured .pricing {
+  background-color: #d2b356;
+}
+
+.primary-color,
+.primary-color .section-title,
+.primary-color .section-subtitle,
+.featured .pricing,
+.featured .pricing p {
+  color: #fff;
+}
+
+.section-heading h2:after {
+  background: #d2b356;
+  content: "";
+  display: block;
+  width: 30px;
+  height: 5px;
+  margin-top: 30px;
+}
+
+.text-center .section-heading h2:after {
+  margin: 30px auto 25px auto;
+}
+
+/* Primary Icon Colors */
+
+.primary-color .icon i,
+.primary-color i {
+  color: #fff;
+}
+
+/* Secondary Background and Text Colors */
+
+.secondary-color {
+  background-color: #f5f5f5;
+}
+
+/*------------------------------------------------------------------------------------------*/
+/* 4. Banner */
+/*------------------------------------------------------------------------------------------*/
+
+/* Banner Background and Text Colors */
+
+#banner {
+  background: url("assets/images/banner-images/banner-image-1.jpg") no-repeat
+    center top;
+  background-size: cover;
+}
+
+/*------------------------------------------------------------------------------------------*/
+/* 5. Typography */
+/*------------------------------------------------------------------------------------------*/
+
+body {
+  font-family: "Open Sans", sans-serif, Arial, Helvetica;
+  font-size: 15px;
+  font-weight: normal;
+  color: #111;
+}
+
+/* Logo, if you are using Fonts as Logo and not image
+
+#logo h1 {
+    font-family:;
+    font-size:; 
+    font-weight:;
+    color:;
+}
+
+#logo h2 {
+    font-family:;
+    font-size:; 
+    font-weight:;
+    color:;
+}
+
+*/
+
+/* Banner Typography */
+
+#banner h1 {
+  font-family: "Open Sans", sans-serif, Arial, Helvetica;
+  font-size: 62px;
+  line-height: 60px;
+  font-weight: 800;
+  color: #111;
+}
+
+#banner h2 {
+  font-family: "Open Sans", sans-serif, Arial, Helvetica;
+  font-size: 18px;
+  font-weight: 300;
+  color: #111;
+}
+
+/* Section Title and Subtitle */
+
+.section-title {
+  font-family: "Open Sans", sans-serif, Arial, Helvetica;
+  font-size: 34px;
+  font-weight: 700;
+  color: #111;
+}
+
+.section-subtitle {
+  font-family: "Open Sans", sans-serif, Arial, Helvetica;
+  font-size: 16px;
+  font-weight: 300;
+  color: #9c9c9c;
+}
+
+/* Testimonial */
+
+.testimonial q {
+  font-family: "Open Sans", sans-serif, Arial, Helvetica;
+  font-size: 17px;
+  font-weight: 300;
+}
+
+.testimonial.classic q,
+.testimonial.classic footer {
+  color: #111;
+}
+
+/* Standard Headings h1-h6 */
+
+h1 {
+  font-family: "Open Sans", sans-serif, Arial, Helvetica;
+  font-size: 40px;
+  font-weight: 300;
+  color: #111;
+}
+
+h2 {
+  font-family: "Open Sans", sans-serif, Arial, Helvetica;
+  font-size: 34px;
+  font-weight: 300;
+  color: #111;
+}
+
+h3 {
+  font-family: "Open Sans", sans-serif, Arial, Helvetica;
+  font-size: 30px;
+  font-weight: 700;
+  color: #111;
+}
+
+h4 {
+  font-family: "Open Sans", sans-serif, Arial, Helvetica;
+  font-size: 18px;
+  font-weight: 400;
+  color: #111;
+}
+
+h5 {
+  font-family: "Open Sans", sans-serif, Arial, Helvetica;
+  font-size: 16px;
+  font-weight: 400;
+  color: #111;
+}
+
+h6 {
+  font-family: "Open Sans", sans-serif, Arial, Helvetica;
+  font-size: 14px;
+  font-weight: 400;
+  color: #111;
+}
+
+/*------------------------------------------------------------------------------------------*/
+/* 6. Buttons */
+/*------------------------------------------------------------------------------------------*/
+
+/* ----------Default Buttons---------- */
+
+/* Button Text */
+
+.button,
+input[type="submit"] {
+  font-family: "Open Sans", sans-serif, Arial, Helvetica;
+  font-size: 14px;
+  font-weight: bold;
+  color: #111;
+}
+
+/* Button Color */
+
+.button,
+input[type="submit"] {
+  border-color: #111;
+}
+
+/* Button Hover Color */
+
+.button:hover,
+input[type="submit"]:hover {
+  border-color: #d2b356;
+  color: #d2b356;
+}
+
+/* ----------Banner Buttons---------- */
+
+/* Button Text */
+
+#banner .button {
+  font-family: "Open Sans", sans-serif, Arial, Helvetica;
+  font-size: 16px;
+  color: #111;
+}
+
+/* Button Color */
+
+#banner .button {
+  border-color: #111;
+}
+
+/* Button Hover Color */
+
+#banner .button:hover {
+  color: #d2b356;
+  border-color: #d2b356;
+}
+
+/*------------------------------------------------------------------------------------------*/
+/* 7. Footer */
+/*------------------------------------------------------------------------------------------*/
+
+#landing-footer,
+#landing-footer p,
+#landing-footer a {
+  font-family: "Open Sans", sans-serif, Arial, Helvetica;
+  font-size: 12px;
+  font-weight: normal;
+  color: #999;
+}
+
+/* Footer Icon Color */
+
+#landing-footer i {
+  color: #999;
+}