-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
136 lines (135 loc) · 10.3 KB
/
index.html
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
<!DOCTYPE html>
<html lang="tr" style="--bs-dark: #0a0462;--bs-dark-rgb: 10,4,98;--bs-primary: #0a04b5;--bs-primary-rgb: 10,4,181;">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Boğaziçi TechSummit</title>
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32x32.png">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
<link rel="stylesheet" href="assets/css/modal.css">
<link rel="stylesheet" href="assets/css/styles.css">
</head>
<!-- Start: Modal for Panel -->
<div class="modal fade" id="panel" aria-labelledby="panel" aria-hidden="true" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body d-flex align-items-sm-center">
</div>
</div>
</div>
</div>
<!-- End: Modal for Panel -->
<body data-bs-spy="scroll" data-bs-target="navbar" tabindex="0">
<!-- Start: Navbar Right Links (Dark) -->
<nav class="navbar navbar-dark navbar-expand-md sticky-top py-3" id="navbar" style="border-style: none;border-color: #0011a9;background: rgb(10, 4, 98);--bs-primary: #0f069a;--bs-primary-rgb: 15,6,154;" data-bs-target="#navbar">
<div class="container-fluid">
<!-- Start: Navbar Brand -->
<img src="assets/img/tslogofullwhite.png" style="margin: 5px;margin-top: 0;margin-right: 0;margin-bottom: 3px;margin-left: 12px;padding-bottom: 8px;" width="110px">
<!-- End: Navbar Brand -->
<button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-5" style="border-style: none;margin: 10px;">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link active text-uppercase fw-bold" href="#attend" data-bs-target="#attend">KAYIT</a></li>
<li class="nav-item text-uppercase fw-bold"><a class="nav-link text-uppercase fw-bold" data-bs-target="#schedule" href="#schedule">TAKVİM</a></li>
<li class="nav-item text-uppercase fw-bold"><a class="nav-link text-uppercase fw-bold" data-bs-target="#sponsors" href="#sponsors">SPONSORLAR</a></li>
<li class="nav-item text-uppercase fw-bold"><a class="nav-link text-uppercase fw-bold" href="#contact" data-bs-target="#contact">İLETİŞİM</a></li>
</ul>
</div>
</div>
</nav><!-- End: Navbar Right Links (Dark) -->
<!-- Start: Hero -->
<section class="d-flex justify-content-sm-center justify-content-md-start align-items-xxl-center" id="attend" data-bs-target="#navbar" style="background: linear-gradient(#000000 0%, rgb(73,73,73) 99%, white 100%), black;color: var(--bs-white);height: 320px;">
<!-- Start: Background -->
<div id="hero-bg" style="width: 100vw;height: 320px;display: none;position: absolute;"></div><!-- End: Background -->
<div class="row g-0 justify-content-center align-items-center h-100" style="position: relative;">
<div class="col-md-6 text-center text-md-start d-flex d-sm-flex d-md-flex justify-content-center align-items-center justify-content-md-start align-items-md-center justify-content-xl-center">
<div data-aos="fade" data-aos-duration="750" data-aos-once="true">
<h2 class="fw-bold">Teknolojiyle</h2>
<h2 class="fw-bold" style="margin-top: -9px;color: #130fd5;">#YenidenTanış</h2>
<p class="my-3 smallText">Acıbadem Technology ana sponsorluğunda 15. kez gerçekleşecek TechSummit 24'te teknoloji dünyasının öncülerinin ilham verici konuşmaları, yenilikçi fikirlerin sergilendiği etkinlikler ve sektördeki en son trendlerin paylaşıldığı panellerle dolu bu etkinliği kaçırmayın.</p>
<a class="btn btn-primary btn-lg me-2 smallText" role="button" href="https://www.biletimgo.com/etkinlik/bogazici-techsummit-24-6409" target="_blank" style="background: #171087;--bs-primary: #171087;--bs-primary-rgb: 23,16,135;">Yerini ayırt!</a>
</div>
</div>
</div>
</section><!-- End: Hero -->
<ul id="schedule" data-bs-target="#navbar">
<li data-aos="slide-right" data-aos-once="true" class="date"><h3><b>1. Gün</b></h3><p>27 Nisan, Cumartesi</p></li>
<li class="events"><ul class="event-details"></ul></li>
<li data-aos="slide-right" data-aos-once="true" class="date"><h3><b>2. Gün</b></h3><p>28 Nisan, Pazar</p></li>
<li class="events cf"><ul class="event-details"></ul></li>
</ul>
<p style="font-size: 120%; text-align: center; margin-top: 5px"><i class="icon ion-plus"></i> Deneyim alanlarının ve şirket stantlarının bulunduğu fuaye alanımız gün boyu açık olacaktır.</p>
<hr>
<section id="sponsors" class="mx-auto" style="overflow: hidden;" data-bs-target="#navbar">
<h2 class="text-center mx-auto mt-4"><b>Sponsorlarımız</b></h2>
<div class="slide">
<div class="slide-track mt-4"></div>
</div>
</section>
<!-- Start: Team -->
<section id="contact" data-bs-target="#navbar">
<div class="row g-0 mb-4" data-aos="fade" data-aos-once="true">
<div class="text-center mx-auto d-flex flex-column">
<h2><b>Bize Ulaşın</b></h2>
</div>
</div>
<div class="row gy-4 row-cols-2 row-cols-md-2 mx-auto" data-aos="zoom-in-up" data-aos-once="true" style="max-width: 985px; margin-bottom: 60px;">
<div class="col">
<div class="card border-0 shadow-none">
<div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/begum_gokmen.jpg">
<h5 class="fw-bold text-primary card-title mb-0"><strong>Begüm GÖKMEN</strong></h5>
<p class="text-muted card-text mb-2">TechSummit Proje Direktörü</p>
<ul class="list-inline fs-6 text-muted w-100 mb-0" style="margin-top: -8px;">
<li class="list-inline-item text-center">
<div class="d-flex flex-row align-items-center">
<i class="icon ion-social-linkedin" onclick="window.open("https://www.linkedin.com/in/begumgokmen", "_blank")" style="cursor: pointer;"></i>
<i class="icon ion-android-mail" onclick="window.open("mailto:[email protected]", "_blank")" style="cursor: pointer;"></i>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="col">
<div class="card border-0 shadow-none">
<div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/evrim_ozdogan.jpg">
<h5 class="fw-bold text-primary card-title mb-0"><strong>Evrim ÖZDOĞAN</strong></h5>
<p class="text-muted card-text mb-2">TechSummit Proje Lideri</p>
<ul class="list-inline fs-6 text-muted w-100 mb-0" style="margin-top: -8px;">
<li class="list-inline-item text-center">
<div class="d-flex flex-row align-items-center">
<i class="icon ion-social-linkedin" onclick="window.open("https://www.linkedin.com/in/evrimozdogan", "_blank")" style="cursor: pointer;"></i>
<i class="icon ion-android-mail" onclick="window.open("mailto:[email protected]", "_blank")" style="cursor: pointer;"></i>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section><!-- End: Team -->
<!-- Start: Footer Dark -->
<footer class="text-center bg-dark" style="margin-top: 15px;">
<div class="container text-white bg-dark py-4 py-lg-5"><img src="assets/img/compec1white.png" style="height: 50px;cursor: pointer;" onclick="window.open("https://www.compec.org", "_blank")">
<p class="fw-semibold text-white mb-0" id="year" style="margin-top: -2px;cursor: pointer;" onclick="window.open("https://www.compec.org", "_blank")"> </p>
</div>
<div class="socials text-white d-flex flex-row justify-content-center bg-dark">
<a href="https://www.linkedin.com/in/bountechsummit" target="_blank"><i class="icon fs-5 ion-social-linkedin"></i></a>
<a href="https://instagram.com/bountechsummit" target="_blank"><i class="icon fs-5 ion-social-instagram"></i></a>
<a href="https://twitter.com/BounTechsummit" target="_blank"><i class="icon fs-5 ion-social-twitter"></i></a>
<a href="https://www.youtube.com/@compecboun" target="_blank"><i class="icon fs-5 ion-social-youtube"></i></a>
</div>
</footer><!-- End: Footer Dark -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap-modal-js/dist/bootstrap-modal-js.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="https://apis.google.com/js/api.js"></script>
<script src="https://accounts.google.com/gsi/client"></script>
<script src="assets/js/jparticles.js"></script>
<script src="assets/js/script.js"></script>
</body>
</html>