tastekinselcuk/index.html at master · SauWebProgramming/tastekinselcuk · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>hairdresser Selçuk</title>

    <!--Bootstrap-->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/js/bootstrap.bundle.min.js"></script>
    <!--CSS-->
    <link href="index.css" rel="stylesheet" type="text/css" />
    <!--Ajax-->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" rel="stylesheet" />
    <!--Jquery-->
    <script data-require="jquery@2.0.3" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
    <!--Vue.js-->
    <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
    <!--Font-->
    <link href="//db.onlinewebfonts.com/c/401746ea18398fb74710226c4250341e?family=Arciform" rel="stylesheet" type="text/css" />
</head>

<body>
    <nav id="navbar" class="navbar navbar-expand-sm navbar-custom">
        <div class="container-fluid">
            <a id="logoText" class="navbar-brand ml-30" href="index.html">
                <img class="navbar-brand" href="index.html" src="webLogo.png" alt="Hairdresser Selçuk" />
                Hairdresser Selçuk
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <ul id="navItems" class="nav justify-content-end">
                <li class="nav-item">
                    <a class="nav-link active" aria-current="page" href="index.html">Giriş</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="urunlerimiz.html">Ürünlerimiz</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="hakkımızda.html">Hakkımızda</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="iletisim.html">İletişim</a>
                </li>
            </ul>
        </div>
    </nav>
    <div class="container">
        <div id="row1" class="row">
            <div id="resimliCol" class="col-12">
                <div id="carouselSlides" class="carousel slide" data-bs-ride="carousel">
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <img src="slide/foto1.png" class="d-block w-100 " alt="">
                        </div>
                        <div class="carousel-item">
                            <img src="slide/foto3.png" class="d-block w-100" alt="">
                        </div>
                        <div class="carousel-item">
                            <img src="slide/foto4.png" class="d-block w-100 " alt="">
                        </div>
                        <div class="carousel-item">
                            <img src="slide/foto5.png" class="d-block w-100" alt="">
                        </div>
                        <div class="carousel-item">
                            <img src="slide/foto6.png" class="d-block w-100" alt="">
                        </div>
                        <div class="carousel-item">
                            <img src="slide/foto7.png" class="d-block w-100" alt="">
                        </div>
                        <div class="carousel-item">
                            <img src="slide/foto8.png" class="d-block w-100" alt="">
                        </div>
                        <div class="carousel-item">
                            <img src="slide/foto9.png" class="d-block w-100 " alt="">
                        </div>
                        <div class="carousel-item">
                            <img src="slide/foto10.png" class="d-block w-100" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div id="row3" class="row">
            <div id="jumbotron" class="col-12">
                <h1>Hairdresser Selçuk</h1>
                <p>Birbirinden yetenekli ekibimizle sizlere değer katmak ve gerçek stilinizi ön plana çıkarmak için çalışıyoruz. Cinsiyet ve yaş fark etmeksizin tüm bireylerin imajlarının mükemmele en yakın şekilde tasarlanması iddiasıyla, 2001 senesinde kurulan Hairdresser Selçuk, Türkiye’nin en iyi hizmet kalitesine ve hijyen standartlarına sahip tek kuaför salonudur.</p>
            </div>
        </div>
    </div>
    <div class="container mt-5">
        <div class="container">
            <div class="mgb-40 padb-30 auto-invert line-b-4 align-center">
                <h4 class="font-cond-l fg-accent lts-md mgb-10" contenteditable="false">Henüz İkna olmadınız Mı?</h4>
                <h1 id="YorumBaslık" class="font-cond-b fg-text-d lts-md fs-300 fs-300-xs no-mg" contenteditable="false">Müşteri Yorumlarını Okuyun</h1>
            </div>
            <ul class="hash-list cols-3 cols-1-xs pad-30-all align-center text-sm">
                <li>
                    <img src="https://bootdey.com/img/Content/avatar/avatar1.png" class="wpx-100 img-round mgb-20" title="" alt="" data-edit="false" data-editor="field" data-field="src[Image Path]; title[Image Title]; alt[Image Alternate Text]">
                    <p class="fs-110 font-cond-l" contenteditable="false">" Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae. "</p>
                    <h5 class="font-cond mgb-5 fg-text-d fs-130" contenteditable="false">İkbal Ünal</h5>
                    <small class="font-cond case-u lts-sm fs-80 fg-text-l" contenteditable="false">Boş İşler Müdürü - New York</small>
                </li>
                <li>
                    <img src="https://bootdey.com/img/Content/avatar/avatar4.png" class="wpx-100 img-round mgb-20" title="" alt="" data-edit="false" data-editor="field" data-field="src[Image Path]; title[Image Title]; alt[Image Alternate Text]">
                    <p class="fs-110 font-cond-l" contenteditable="false">" Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae. "</p>
                    <h5 class="font-cond mgb-5 fg-text-d fs-130" contenteditable="false">Eren Keskin</h5>
                    <small class="font-cond case-u lts-sm fs-80 fg-text-l" contenteditable="false">Yazılım Geliştirici - Los Angeles</small>
                </li>
                <li>
                    <img src="https://bootdey.com/img/Content/avatar/avatar5.png" class="wpx-100 img-round mgb-20" title="" alt="" data-edit="false" data-editor="field" data-field="src[Image Path]; title[Image Title]; alt[Image Alternate Text]">
                    <p class="fs-110 font-cond-l" contenteditable="false">" Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae. "</p>
                    <h5 class="font-cond mgb-5 fg-text-d fs-130" contenteditable="false">Ethem Demir</h5>
                    <small class="font-cond case-u lts-sm fs-80 fg-text-l" contenteditable="false">Web Ön UÇ Geliştirici - Chicago</small>
                </li>
            </ul>
        </div>
    </div>
    <div class="container mt-5">
        <div id="ekiprow" class="row">
            <div id="ekibimiz" class="col-12">Ekibimiz</div>
            <div class="col-md-3 ">
                <div class="isim">Selçuk Taştekin</div>
                <img class="ekip" href="#" src="ekip/selçuk.jpg" alt="furkan" />
            </div>
            <div class="col-md-3 ">
                <div class="isim">Furkan Albayrak</div>
                <img class="ekip" href="#" src="ekip/furkan.jpg" alt="furkan" />
            </div>
            <div class="col-md-3 ">
                <div class="isim">Mehmet Çelimli</div>
                <img class="ekip" href="#" src="ekip/mehmet.jpg" alt="furkan" />
            </div>
            <div class="col-md-3 ">
              <div class="isim">Muhammed Acar</div>
                <img class="ekip" href="#" src="ekip/muhammed.jpeg" alt="furkan" />
            </div>
        </div>
    </div>


    <div id="footer" class="row mb-0">
        <div class="col-12">
            <p>Telif Hakkı ©2021. Tüm hakları Hairdresser Selçuk işletmesine aittir!</p>
            <p>Hairdresser Selçuk <a href="urunlerimiz.html">Ürünlerine göz at</a> ya da <a href="iletisim.html">Bizimle iletişime geç</a>.</p>
        </div>
    </div>


    <script>

    </script>


</body>
</html>