UHSRobotics.github.io/footer.html at master · UHSRobotics/UHSRobotics.github.io · 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
<!-- Footer Detailed 4 Colums -->
<footer class="bg-dark1">
  <!-- Row -->
  <div class="row padding-left-right-twelve-percent padding-top-bottom-80px">
    <!-- Column -->
    <div
      class="col-md-3 col-sm-6 col-xs-12 md-margin-bottom-35px sm-text-center text-right padding-right-35px sm-no-padding-right sm-padding-left-35px sm-padding-right-15px xs-no-padding-left-right">
      <!-- Logo Image -->
      <a href="index.html#top" class="margin-top-35px width-70 sm-width-45 md-width-100 display-inline-block">
        <img src="/images/logo/footer-logo-2.png">
      </a>
    </div>
    <!-- End Column -->
    <!-- Column -->
    <div
      class="col-md-3 col-sm-6 col-xs-12 left-border border-color-gray-dark padding-left-35px md-margin-bottom-35px sm-text-center xs-no-border-left xs-no-padding-left">
      <!-- Title -->
      <h5 class="text-medium text-weight-700 text-uppercase text-white letter-spacing-2 md-margin-bottom-10px">Learn More</h5>
      <!-- Links -->
      <ul class="list-unstyled no-margin-bottom">
        <li><a class="text-medium text-weight-400 text-gray-light" href="index.html">Home</a></li>
        <li><a class="text-medium text-weight-400 text-gray-light" href="index.html#about">About</a></li>
        <li><a class="text-medium text-weight-400 text-gray-light" href="team.html">Our Team</a></li>
        <li><a class="text-medium text-weight-400 text-gray-light" href="index.html#competitions">Previous Competitions</a></li>
        <li><a class="text-medium text-weight-400 text-gray-light" href="events.html">Events</a></li>
        <li><a class="text-medium text-weight-400 text-gray-light" href="gallery.html">Gallery</a></li>
        <li><a class="text-medium text-weight-400 text-gray-light" href="index.html#sponsors">Sponsors</a></li>
      </ul>
      <!-- End Links -->
    </div>
    <!-- End Column -->
    <!-- Column -->
    <div
      class="col-md-3 col-sm-6 col-xs-12 left-border border-color-gray-dark padding-left-35px sm-text-center sm-no-border-left xs-no-padding-left xs-margin-bottom-0">
      <!-- Title -->
      <h5 class="text-medium text-weight-700 text-uppercase text-white letter-spacing-2 md-margin-bottom-10px">Contact</h5>
      <!-- Text -->
      <p class="margin-bottom-10px text-weight-400 text-medium text-gray-light width-90 md-width-100">Unionville High School
      </p>
      <p class="margin-bottom-10px text-weight-400 text-medium text-gray-light width-90 md-width-100">201 Town Centre Blvd,
        Markham, ON L3R 8G5</p>
      <a class="margin-bottom-25px text-weight-400 text-medium text-gray-light width-90 md-width-100"
        href="mailto:uroboticsuhs@gmail.com">uroboticsuhs&ZeroWidthSpace;@gmail.com
      </a>
    </div>
    <!-- End Column -->
    <!-- Column -->
    <div
      class="col-md-3 col-sm-6 col-xs-12 left-border border-color-gray-dark padding-left-35px padding-bottom-10px md-no-border-right sm-text-center xs-no-border-left xs-no-padding-left xs-no-padding-bottom">
      <a href="https://www.firstinspires.org/" target="_blank"
        class="margin-top-40px width-50 md-width-100 sm-width-50 display-inline-block"><img
          src="images/logo/FIRST_logo.png" alt="FIRST Logo" /></a>
      <a href="https://www.vexrobotics.com/" target="_blank"
        class="margin-top-40px width-50 md-width-100 sm-width-50 display-inline-block"><img
          src="images/logo/VEX_logo.png" alt="VEX Logo" /></a>
    </div>
    <!-- End Column -->
  </div>
  <!-- End Row -->
  <!-- Row -->
  <div class="row padding-bottom-20px padding-left-right-twelve-percent">
    <!-- Column -->
    <div class="col-md-6 col-sm-12 col-12 sm-text-center">
      <h5 class="text-medium text-weight-700 text-uppercase text-white letter-spacing-2">Made by
        <a href="/credits.html" class="text-weight-600 text-gray-light">Nick, Davis, Kevin, Emily, and Members</a></h>
    </div>
    <!-- End Column -->
    <!-- Column -->
    <div class="col-md-6 col-sm-12 col-12">
      <!-- Social Links for Footer -->
      <ul class="list-unstyled text-right no-margin-bottom sm-text-center text-extra-large text-weight-600 icons">
        <li class="display-inline-block"><a class="instagram-hover"
            href="https://www.instagram.com/roboticsuhs/"><i class="fab fa-instagram"></i></a></li>
        <li class="display-inline-block"><a class="youtube-hover"
            href="https://www.youtube.com/channel/UCM4zyy81QGAcxW_ovfChR4g"><i class="fab fa-youtube"></i></a></li>
        <li class="display-inline-block"><a class="facebook-hover"
            href="https://www.facebook.com/RoboticsUHS/"><i class="fab fa-facebook-square"></i></a></li>
        <li class="display-inline-block"><a class="twitter-hover"
            href=" https://twitter.com/RoboticsUHS"><i class="fab fa-twitter"></i></a></li>
      </ul>
      <!-- End Social Links for Footer -->
    </div>
    <!-- End Column -->
  </div>
  <!-- End Row -->
</footer>