hypercharged.github.io/index.html at master · hypercharged/hypercharged.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
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
137
138
<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
  <title>Hypercharged</title>

  <!-- CSS  -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
  <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
</head>
<body>
  <nav class="white navbar" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo"><img src="img/headlogo.png" class="navimg"/></a>
      <ul class="right hide-on-med-and-down">
        <li><a href="#" class="light-blue-text lighten-1">About</a></li>
        <li><a href="#" class="light-blue-text lighten-1">Contact</a></li>
        <li><a href="#" class="light-blue-text lighten-1">Images</a></li>
        <li><a href="#" class="light-blue-text lighten-1">Calendar</a></li>
        <li><a href="https://www.youtube.com/channel/UCWX3ATF1LEWSbaPkAaDgxZw" class="red-text lighten-1"><i class="fa fa-youtube small"></i></li>
      </ul>

      <ul id="nav-mobile" class="side-nav">
        <li><a href="#" class="light-blue-text lighten-1">About</a></li>
        <li><a href="#" class="light-blue-text lighten-1">Contact</a></li>
        <li><a href="#" class="light-blue-text lighten-1">Images</a></li>
        <li><a href="#" class="light-blue-text lighten-1">Calendar</a></li>
        <li><a href="https://www.youtube.com/channel/UCWX3ATF1LEWSbaPkAaDgxZw" class="red-text lighten-1">YouTube</li>
      </ul>
      <a href="#" data-activates="nav-mobile" class="button-collapse black-text"><i class="material-icons">menu</i></a>
    </div>
  </nav>
  <div class="section no-pad-bot" id="index-banner">
    <div class="parallax-container">
      <div class="parallax">
        <img src="img/wall1.JPG" style="display: block; transform: translate3d(-50%, 20%, 0px);"/>
      </div>
      <h1 class="headpub white-text center" >Hypercharged</h1>
    </div>

  </div>


      <div class="carousel carousel-slider center" data-indicators="true">
        <div class="carousel-fixed-item center">
          <a class=" waves-effect waves-yellow darken-text-2 snap"><i class="fa fa-youtube small white-text contact"></i></a>
        </div>
    <div class="carousel-item red white-text" href="#one!">
      <h2>Who are we?</h2>
      <p class="white-text flow-text"><blockquote>Hypercharged, a group starting with a passion of cars, is a car community. More than this, we understand that a car isn't just a machine that takes you from Point A to B. It represents your achievements, yourself, and your ambition. With that in mind, welcome to our official page!</blockquote></p>
    </div>
    <div class="carousel-item amber white-text" href="#two!">
      <h2>Subscribers</h2>
      <iframe src="https://youcount.github.io/e/#!/Hypercharged" height="100" width="250" frameborder="0"></iframe>
      <p class="white-text">...and counting!</p>


    </div>
    <div class="carousel-item green white-text" href="#three!">
      <h2>Check out our Gallery!</h2>
      <p class="white-text">Our wallpapers are free and shot, edited, and rasterized by us - for your convenience!</p>
    </div>
    <div class="carousel-item blue white-text" href="#four!">
      <h2>Check out our social media accounts. <br/>Click here to see our list of accounts to stay updated with:</h2>
      <a class=" waves-effect waves-yellow darken-text-2 snap2">+</a>

    </div>
  </div>
  <div class="container light-blue lighten-2 carousel">
      <div class="person chip white">
        <span class="bio" id="author">Site Owner</span>
        <br/>
        <div id="descript"class="chip light-grey dark-grey-text descriptionauthor">
          <span id="descripttext">Harris</span>
        </div>
      </div>
  </div>
  <div class="fixed-action-btn toolbar">
   <a class="btn-floating btn-large green inactive"  id="fabtog">
     <i class="large material-icons active">share</i>
   </a>
   <ul>
     <li class="waves-effect waves-light red"><a href="#!"><i class="fa fa-youtube small"></i></a></li>
     <li class="waves-effect waves-light purple"><a href="#!"><i class="fa fa-instagram small"></i></a></li>
     <li class="waves-effect waves-light blue lighten-2"><a href="#!"><i class="fa fa-twitter small"></i></a></li>
     <li class="waves-effect waves-light blue darken-3"><a href="#!"><i class="fa fa-facebook small"></i></a></li>
   </ul>
 </div>


    <br><br>


  <footer class="page-footer black">
    <div class="container">
      <div class="row">
        <div class="col l6 s12">
          <h5 class="white-text">Hypercharged</h5>
          <p class="grey-text text-lighten-4">Hypercharged, a group starting with a passion of cars, is a car community. More than this, we understand that a car isn't just a machine that takes you from Point A to B. It represents your achievements, yourself, and your ambition. With that in mind, welcome to our official page!</p>


        </div>
        <div class="col l3 s12 footcontact">
          <h5 class="white-text">Contact Us:</h5>
          <ul>
            <li><a class="white-text footitem" href="#!">Instagram <i class="fa fa-instagram small"></i></a></li>
            <li><a class="white-text footitem" href="#!">YouTube <i class="fa fa-youtube small"></i></a></li>
            <li><a class="white-text footitem" href="#!">GitHub <i class="fa fa-github small"></i></a></li>


          </ul>
        </div>

      </div>
    </div>
    <div class="footer-copyright">
      <div class="container">
      </div>
    </div>
  </footer>


  <!--  Scripts-->
  <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
  <script src="js/materialize.js"></script>
  <script src="js/init.js"></script>

  </body>
</html>