-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
103 lines (80 loc) · 4.74 KB
/
index.html
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
<!DOCTYPE html>
<html>
<title>Fantasy RSPL</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<style>
body {font-family: "Times New Roman", Georgia, Serif;}
h1,h2,h3,h4,h5,h6 {
font-family: "Playfair Display";
letter-spacing: 5px;
}
</style>
<body>
<div class="w3-top">
<div class="w3-bar w3-white w3-padding w3-card-2" style="letter-spacing:4px;">
<a href="#home" class="w3-bar-item w3-button">Fantasy RSPL</a>
<!-- Right-sided navbar links. Hide them on small screens -->
<div class="w3-right w3-hide-small">
<a href="#about" class="w3-bar-item w3-button">About</a>
<a href="#contact" class="w3-bar-item w3-button">Contact</a>
</div>
</div>
</div>
<!-- Header -->
<header class="w3-display-container w3-content w3-wide" style="max-width:1600px;min-width:500px" id="home">
<img class="w3-image" src="http://i67.tinypic.com/2cpcgg1.jpg" alt="RSPL" width="1600" height="1400">
<!-- <a href="http://tinypic.com?ref=2z4ialt" target="_blank"><img src="http://i64.tinypic.com/2z4ialt.jpg" border="0" alt="Image and video hosting by TinyPic"></a> -->
<!-- <a href="http://tinypic.com?ref=2cpcgg1" target="_blank"><img src="http://i67.tinypic.com/2cpcgg1.jpg" border="0" alt="Image and video hosting by TinyPic"></a> -->
<div class="w3-display-bottomleft w3-padding-large w3-opacity">
<h1 class="w3-xxlarge">Le Catering</h1>
</div>
</header>
<!-- Page content -->
<div class="w3-content" style="max-width:1100px">
<!-- About Section -->
<div class="w3-row w3-padding-64" id="about">
<div class="w3-col m6 w3-padding-large w3-hide-small">
<img src="http://i67.tinypic.com/ra2m21.jpg" class="w3-round w3-image w3-opacity-min" alt="RSPL2" width="600" height="950">
<!-- <a href="http://tinypic.com?ref=ra2m21" target="_blank"><img src="http://i67.tinypic.com/ra2m21.jpg" border="0" alt="Image and video hosting by TinyPic"></a> -->
</div>
<div class="w3-col m6 w3-padding-large">
<h1 class="w3-center">About the Fantasy League</h1><br>
<p class="w3-large">The app will allow users to create a team and purchase players with a given balance and select customizable line ups in order to compete against other users. As the season progresses, after each match, every user will be given a score depending on how each player of their team played. Every week the users will be ranked according to their score until after the season. At that point, the top 5 users will be given additional money to carry over into the next season.</p>
<p class="w3-large w3-text-grey w3-hide-medium">The app was developed to facilitate a fun and more interesting way to enjoy local football and it is geared towards the development and marketing of Jamaican football. Fantasy football games are becoming more popular with several games being developed for different leagues around the world. Therefore, it would be a great opportunity to bring an application to Jamaica’s biggest league.</p>
</div>
</div>
<hr>
<!-- Menu Section -->
<div class="w3-row w3-padding-64" id="menu">
<div class="w3-col l6 w3-padding-large">
<h1 class="w3-center">Features</h1><br>
<h4>Keeps users updated on current news and statistics in the premier league.</h4><br>
<h4>Provides exposure for the league</h4><br>
<h4>Attractive and user friendly interface for ease of use</h4><br>
<h4>Provides a sense of community amongst users</h4><br>
<h4>Provides an interactive fantasy premier league</h4><br>
<h4>Gives the Red Stripe Premier league more recognition</h4><br>
</div>
<div class="w3-col l6 w3-padding-large">
<img src="http://i64.tinypic.com/1ffmnm.jpg" class="w3-round w3-image w3-opacity-min" alt="RSPL3" width="500" height="750">
<!-- <a href="http://tinypic.com?ref=1ffmnm" target="_blank"><img src="http://i64.tinypic.com/1ffmnm.jpg" border="0" alt="Image and video hosting by TinyPic"></a> -->
</div>
</div>
<hr>
<!-- Contact Section -->
<div class="w3-container w3-padding-64" id="contact">
<h1>Contact</h1><br>
<p>We are a small group of students at the University of the West Indies, Mona Campus. We take requests for building web and phone(ios/android) applications as well as web designing.</p>
<p class="w3-text-blue-grey w3-large"><b>The University of the West Indies, Mona, Kingston 7, Jamaica</b></p>
<p>Email us at romariotomlin@gmail.com</p>
</div>
<!-- End page content -->
</div>
<!-- Footer -->
<footer class="w3-center w3-light-grey w3-padding-32">
<p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" title="" target="_blank" class="w3-hover-text-green"></a></p>
</footer>
</body>
</html>