raylisistem-development/index.html at main · LothRobotics/raylisistem-development · 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
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Raylı Sistem Araçları Yarışması</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
        <script src="https://kit.fontawesome.com/c857a23705.js"></script>
        <link href="./styles/index.css" rel="stylesheet">
    </head>

<body>
    <div class="wrapper">
        <div class="banner">
            <header>
                <a href="./">
                    <img src="./images/lothlogo.svg" alt="Loth Robotics Logo" class="lothlogo">
                </a>
                <a href="#" class="toggle-btn">
                    <span class="bar"></span><span class="bar"></span><span class="bar"></span>
                </a>
                <nav class="navbar">
                    <div class="navbar-links">
                        <ul>
                            <li><a href="#about">Yarışma Hakkında</a></li>
                            <li><a href="./basvuru/">Başvuru</a></li>
                        </ul>
                    </div>
                </nav>
            </header>
            <div class="yazi">
                <img class="yarismalogo" src="./images/yarismalogo.svg">
            </div>
        </div>
        <div class="banner2">
            <section class="bolum1" id="bolum1">
                <div class="container">
                    <img class="countdown-timer" src="./images/countdown-bg.svg" alt="Countdown">
                        <div class="content">
                            <div class="time alignleft">
                                <div>YARIŞMAYA</div>
                                <div>BAŞVURU SONU</div>
                            </div>
                            <div class="time">
                                <div class="days-compt-start"></div>
                                <div class="days-compt"></div>
                            </div>
                        </div>
                    </img>
                </div>

                <div class="basvuruContainer">
                    <a href="./basvuru/" class="basvuru"><b style="font-weight: 1000;">Yarışmaya Başvur</b></a>
                </div>

                <div id="about">
                    <h2 class="subTitle">Hakkında</h2>
                    <article>
                        Lise düzeyindeki öğrencilere hitaben çeşitli alanlarda birçok robotik yarışması düzenlenmiş olmasına rağmen daha önce benzeri görülmemiş bir “Raylı Sistem Araçları” yarışmasını Metro İstanbul ile işbirliği içerisinde organize etmekten gurur duyuyoruz.
Bu yarışmada takımlar, önceden belirlenmiş ölçülere göre tasarladıkları araçları ile raylar üstünde rekabet ediyor. Araçlar, otonom bir şekilde önceden belirlenmiş iki nokta arasında en hızlı şekilde hareket ederek doğru noktaya olabildiğince yakın şekilde durmaya çalışıyor.<br><br>

Raylı Sistem Araçları Yarışması ile öğrencilerin robotik ve raylı sistemler alanlarına ilgilerini arttırmayı ve öğrencilerin benzeri olmayan bir deneyim yaşamalarını amaçlıyoruz.
                    </article>
                </div>

                <div id="announcements">
                    <h2 class="subTitle">Duyurular</h2>
                    <div class="announcementsBox">
                        <h3>Raylı Sistem Araçları Yarışması Duyuruldu</h3>
                        <small>04/05/2022</small>
                        <p>Loth Robotics ve Metro İstanbul işbirliğiyle bu sene ilk kez düzenlenecek olan Raylı Sistem Araçları Yarışması duyuruldu! Ayrıntılı bilgi için şartnameye ve yakında yayınlanacak olan kural kitapçığına göz atmayı unutmayın.</p>
                        <hr style="height:3px;width:100.2%;color:black;background-color:black">
                        <p class="end">Henüz başka duyuru yok. <br> Siteyi düzenli aralıklarla kontrol etmeyi unutmayın.</p>
                    </div>
                </div>
            </section>

            <div class="upperFooter">
                <a href="mailto:lothrobotics@gmail.com">Bize ulaşın ></a>
            </div>
        </div>


        <footer class="footerdiv" id="footer">
            <p class="footertext"><b>© Loth Robotics 2022</b></p>
            <div class="socialmedia">
                <a class="footericon" target="_blank" href="https://www.instagram.com/lothrobotics/"><i class="fab fa-instagram"></i></a>
                <a class="footericon" target="_blank" href="https://github.com/LothRobotics"><i class="fab fa-github"></i></a>
            </div>

        </footer>
    </div>
    <script src="./src/index.js" type="text/JavaScript"></script>
    </body>
</html>