Notes
Notes - notes.io |
<html>
<head>
<title>IGA - FIDS</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
</head>
<body>
<div class="bottom container-fluid text-light">
<div class="row">
<div class="head_t col-md-6 mt-md-2"><i class="fa fa-plane" aria-hidden="true"></i> <strong>DOMESTIC DEPARTURE</strong></div>
<div id="time" class="hdr col-md-3 text-center mt-md-2"></div>
<div id="getday" class="hdr col-md-3 mt-md-2 mb-md-2"></div>
</div>
</div>
<div class="tbl_c container-fluid pl-0 pr-0">
<table class="mt-0 table table-striped border text-light table-borderless">
<thead class="t_head">
<tr>
<th class="timecol" scope="col">TIME</th>
<th class="timecol" scope="col">EST.</th>
<th class="airclas" scope="col">AIRLINE</th>
<th scope="col">FLIGHT</th>
<th scope="col">DESTINATION</th>
<th scope="col">STATUS</th>
<th scope="col">GATE</th>
</tr>
</thead>
<tbody class="t_body">
<tr>
<td>15:30</td>
<td class="estimate">15:40</td>
<td align="center" class="bg-light"><img class="img-fluid" src="https://img.techpowerup.org/200804/pegasus.png"></td>
<td>TK1987</td>
<td>Erzurum</td>
<td>Boarding</td>
<td>G01</td>
</tr>
<tr>
<td>15:30</td>
<td></td>
<td align="center" class="bg-light"><img class="img-fluid" src="https://img.techpowerup.org/200804/thyy.png"></td>
<td>TK1987</td>
<td>Erzurum</td>
<td>Boarding</td>
<td>G01</td>
</tr>
<tr>
<td>15:30</td>
<td class="estimate">15:45</td>
<td align="center" class="bg-light"><img class="img-fluid" src="https://img.techpowerup.org/200804/pegasus.png"></td>
<td>TK1987</td>
<td>Erzurum</td>
<td>Boarding</td>
<td>G01</td>
</tr>
<tr>
<td>15:30</td>
<td></td>
<td align="center" class="bg-light"><img class="img-fluid" src="https://img.techpowerup.org/200804/sunex.png"></td>
<td>TK1987</td>
<td>Erzurum</td>
<td>Boarding</td>
<td>G01</td>
</tr>
<tr>
<td>15:30</td>
<td class="estimate">15:45</td>
<td align="center" class="bg-light"><img class="img-fluid" src="https://img.techpowerup.org/200804/flynans.png"></td>
<td>TK1987</td>
<td>Erzurum</td>
<td>Boarding</td>
<td>G01</td>
</tr>
<tr>
<td>15:30</td>
<td></td>
<td align="center" class="bg-light"><img class="img-fluid" src="https://img.techpowerup.org/200804/sunex.png"></td>
<td>TK1987</td>
<td>Erzurum</td>
<td>Boarding</td>
<td>G01</td>
</tr>
<tr>
<td>15:30</td>
<td class="estimate">15:45</td>
<td align="center" class="bg-light"><img class="img-fluid" src="https://img.techpowerup.org/200804/flynans.png"></td>
<td>TK1987</td>
<td>Erzurum</td>
<td>Boarding</td>
<td>G01</td>
</tr>
</tbody>
</table>
</div>
<div class="sub_c container-fluid pl-0 pr-0">
<div class="footer">
<img class="iga" src="iga.png">
</div>
<div class="sss col-md-12 text-center"><i class="fa fa-location-arrow" aria-hidden="true"></i> Istanbul Grand Airport</div>
<img class="qr" src="qr.png">
<style>
html,body {
height: 1200px;
background-color: #181818;
}
.table {
height: 100%;
margin-top: 100px;
}
.footer {
position: fixed;
width: 100%;
height: 100px;
left: 0px;
bottom: 0px;
background: url(footer.png);
border-top: 8px solid #FFFFFF;
}
.footer .iga {
position: absolute;
width: 120px;
height: 120px;
left: 70px;
bottom: 37px;
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.qr {
bottom: 37px;
position: fixed;
width: 120px;
height: 120px;
right: 70px;
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.hdr {
text-align: left;
font-size: 30px;
}
.sss {
position: fixed;
bottom: 30px;
font-size: 25px;
color: white;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.t_head {
background-color: #c40118;
color:white;
border-top: 5px solid #ffffff;
border-bottom: 5px solid #ffffff;
}
.t_body {
background-color: #181818;
}
.t_body tr:nth-child(even){
background-color: #1d1d1d;
}
.estimate {
color: #c40118;
}
.timecol {
width: 6%;
}
.img_b {
/*resim*/
}
.airclas {
width: 15%;
}
.table img {
height: 7%;
}
.head_t{
text-align: left;
font-size: 30px;
}
</style>
<script>
var day = new Date();
var days= ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
document.getElementById("getday").innerHTML = days[day.getDay()];
</script>
<script>
var days = new getMinutes();
document.getElementById("getmin").innerHTML = days;
</script>
<script>
var atime = document.getElementById("time");
function format(gettime) {
var btime = gettime.toString();
if (btime.length == 1) {
return "0" + btime;
} else {
return btime;
}
}
function timeUpdate() {
var year = new Date();
var time = year.getHours();
var minute = year.getMinutes();
var second = year.getSeconds();
atime.textContent = format(time) + ":" + format(minute) + ":" + format(second); //Burada ekranımıza çıktımızı veriyoruz.
}
setInterval(timeUpdate, 1000);
</script>
</body>
</div>
</html>
|
|
Notes.io is a web-based application for taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000 notes created and continuing...
With notes.io;
- * You can take a note from anywhere and any device with internet connection.
- * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
- * You can quickly share your contents without website, blog and e-mail.
- * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
- * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.
Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.
Easy: Notes.io doesn’t require installation. Just write and share note!
Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )
Free: Notes.io works for 12 years and has been free since the day it was started.
You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;
Email: [email protected]
Twitter: http://twitter.com/notesio
Instagram: http://instagram.com/notes.io
Facebook: http://facebook.com/notesio
Regards;
Notes.io Team
