SimpleCanoeWebsite/index.html at master · ConorDrew/SimpleCanoeWebsite · 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
<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>Canary Canoes</title>
  <meta name="description" content="Welcome to Canary Canoes the local Canoe club for enthusiasts and hobbyists around">
  <meta name="author" content="Conor Drew">

  <link rel="stylesheet" href="css/style.css?v=1.0">
    <link href='https://fonts.googleapis.com/css?family=Lobster+Two|Ubuntu' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css'>

  <!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>

<body id="home">
    <header>
        <div class="container position">
            <div class="logo"><h1>C<span>anary</span> C<span>anoes</span></h1></div>
            <nav>
                <ul>
                    <li id="homenav"><a href="index.html">Home</a></li>
                    <li id="aboutnav"><a href="about.html">About</a>
                        <ul>
                            <li><a href="news.html">News</a></li>
                        </ul>
                    </li>
                    <li id="trainingnav"><a href="training.html">Training</a></li>
                    <li id="membershipnav"><a href="membership.html">Membership</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <div class="hero-background">
        <h1>Canary Canoes</h1>
        <h2>A family friendly, <br>Hobby Drivien, Community Based Club, <br>Looking for new members to join the family.</h2>
        <div class="more-button">
            <a href="about.html">More</a>
        </div>
    </div>

    <div class="more-info">
        <h2>Canoe, kayak, fitness &amp; community</h2>
        <h3>To join our community click the link below.</h3>

        <a href="membership.html" class="button">Membership</a>
    </div>

    <div class="owners">
        <h3>Owners Of Canary Canoes</h3>
        <div class="image-wrapper position">
            <div class="image">
                <img src="img/head%201.png">
                    <h4>Peter Person</h4>
                    <h5>CEO</h5>
            </div>
            <div class="image">
                <img src="img/head%202.png">
                <h4>Bob Ranch</h4>
                <h5>Founder</h5>
            </div>
            <div class="image">
                <img src="img/head%203.png">
                <h4>Ian  Jingles</h4>
                <h5>Cheif of Operations</h5>
            </div>
        </div>
    </div>

    <div class="about-area">
        <div class="col-holder position">
            <div class="col-1">
                <div class="about-title"><h4>Club Rooms</h4></div>
                <div class="about-content"><p>Their are many types of club rooms avalibale at Canrie canoes, and some more stuff is going to be said here with the image next to it and at the bottom it will have a button that goes to about.html</p></div>
                <div class="more-button">
                    <a href="about.html">More Info</a>
                </div>
            </div>
            <div class="col-2">
                <img src="img/club-house-banner.jpg">
            </div>
        </div>
    </div>

  <script src="js/scripts.js"></script>
</body>
</html>