Ice-Break-WEB-DEV/index.html at main · shirogin/Ice-Break-WEB-DEV · 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
<!DOCTYPE html>
<html>
    <head>
        <title>Ice Break</title>
        <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w==" crossorigin="anonymous" />
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <div class="container">
            <!-- container with blue background  -->
            <div class="navbar">
                <!-- navbar  -->
                <a class="navElm left" href="">
                    <!-- logo  -->
                    <img class="logo" src="img/logo.svg">
                    <!-- text  -->
                    Micro Club
                </a>
                <!-- Home   -->
                <a class ="navElm" href="">Home</a>
                <!-- Event Info  -->
                <a class ="navElm" href="#Find">Event Info</a>
                <!-- Join Us  -->
                <a class ="navElm bordered" href="/Join">Join Us</a>
            </div>
            <div class="content">
                <!-- content  -->
                <h1 class="title">Micro Club Ice Breaker</h1>
                <p>Get to know the great people who you'll work with all the year.</p>

                <!-- buttons  -->
                <a class="button filled" href="/Join">Join the event</a>
                <a class="button bordered" href="#Find">Find out more</a>

            </div>
            <div class="social">
                <!-- social media thing  -->
                <p class="title">
                    Follow us on social media
                </p>
                <!-- icons  -->
                <a href="https://www.facebook.com/Micro.Club.USTHB">
                    <i class="fa-2x fab fa-facebook-square"></i>
                </a>
                <a href="https://github.com/shirogin/Ice-Break-WEB-DEV">
                    <i class="fa-2x fab fa-github-square"></i>
                </a>
                <a href="">
                    <i class="fa-2x fab fa-linkedin"></i>
                </a>
                <a href="">
                    <i class="fa-2x fab fa-tumblr-square"></i>
                </a>


            </div>
            <img class="back" src="img/Ball of doom.svg" >
        </div>
    </body>
</html>