Skip to content
This repository has been archived by the owner on Nov 19, 2019. It is now read-only.

Add files via upload #127

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Add files via upload #127

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
216 changes: 216 additions & 0 deletions E-rank/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,216 @@
!DOCTYPE html>
<html>
<title> erank </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">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<style>
body,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif}
.w3-third img{margin-bottom: -6px; opacity: 0.8; cursor: pointer}
.w3-third img:hover{opacity: 1}
</style>
<script>
alert("Welcome to the E-Rank platform");
</script>
<body class="w3-light-grey w3-content" style="max-width:1600px">

<!-- Sidebar/menu -->
<nav class="w3-sidebar w3-bar-block w3-white w3-animate-left w3-text-grey w3-collapse w3-top w3-center" style="z-index:3;width:300px;font-weight:bold" id="mySidebar"><br>
<h3 class="w3-padding-64 w3-center"><b>erank<br>zw</b></h3>
<a href="javascript:void(0)" onclick="w3_close()" class="w3-bar-item w3-button w3-padding w3-hide-large">CLOSE</a>
<a href="#" onclick="w3_close()" class="w3-bar-item w3-button">PORTFOLIO</a>
<a href="#about" onclick="w3_close()" class="w3-bar-item w3-button">ABOUT ME</a>
<a href="#contact" onclick="w3_close()" class="w3-bar-item w3-button">CONTACT</a>
</nav>

<!-- Top menu on small screens -->
<header class="w3-container w3-top w3-hide-large w3-white w3-xlarge w3-padding-16">
<img class="img-responsive" src="https://www.ruzivodigitallearning.co.zw/public/images/zimbabwe_flag.gif" alt="logo">
<span class="w3-left w3-padding">erank zw</span>
<a href="javascript:void(0)" class="w3-right w3-button w3-white" onclick="w3_open()">☰</a>


</header>

<!-- Overlay effect when opening sidebar on small screens -->
<div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div>

<!-- !PAGE CONTENT! -->
<div class="w3-main" style="margin-left:300px">

<!-- Push down content on small screens -->
<div class="w3-hide-large" style="margin-top:83px"></div>

<!-- Photo grid -->

<div class="site-element" element-id="id1473678744974" element-type="image"><img src= "http://newzimbabwevision.com/wp-content/uploads/2015/07/a-day-to-day-scene-of-part-of-the-fourth-street-bus-terminus-showing-commuter-omnibuses-congested-and-vendors-of-all-sorts-of-wares-1-531x280.jpg"width="1000" height="350"></div>
<div class="cube-center cube-padding-32">
<h2>Bringing sanity on our city rank</h2>
<p>Solving the cash crisis problem via ticketing system,Eased transport solutions</p>

</div>


<div id="modal01" class="w3-modal w3-black" style="padding-top:0" onclick="this.style.display='none'">
<span class="w3-button w3-black w3-xlarge w3-display-topright">×</span>
<div class="w3-modal-content w3-animate-zoom w3-center w3-transparent w3-padding-64">
<img id="img01" class="w3-image">
<p id="caption"></p>
</div>
</div>

<!-- About section -->
<div class="w3-container w3-dark-grey w3-center w3-text-light-grey w3-padding-32" id="about">
<h4><b>About us</b></h4>
<img src="/w3images/avatar_hat.jpg" alt="us" class="w3-image w3-padding-32" width="600" height="650">
<div class="w3-content w3-justify" style="max-width:600px">
<h4>erank </h4>
<p>erank is a transport ticketing system based on the uk oyster tickets or day bus system.since we experiencing a cash crises we seek to create a platform of online payments and commuter omnibuses can register and passengers can pay through the system </p>
<p>mail: [email protected]</p>
<p>tel: 0774510544</p>
<p>facebook: erank rank</p>
<p>twitter:erank 711</p>
<hr class="w3-opacity">
<h4 class="w3-padding-16">payment methods</h4>
<p class="w3-wide">ecocash</p>
<p class="w3-wide">mastercard</p>
<p class="w3-wide">rtgs</p>
<div class="w3-white">
</div>
<p><button class="w3-button w3-light-grey w3-padding-large w3-margin-top w3-margin-bottom">PAY HERE</button></p>
<hr class="w3-opacity">

<h4 class="w3-padding-16">How much I charge</h4>
<div class="w3-row-padding" style="margin:0 -16px">
<div class="w3-half w3-margin-bottom">
<ul class="w3-ul w3-white w3-center w3-opacity w3-hover-opacity-off">
<li class="w3-black w3-xlarge w3-padding-32">Basic</li>
<a href=""> <li class="w3-padding-16"><button type="button">buy ticket</button></li></a>
<a href="route-list.html"><li class="w3-padding-16">route list</li></a>
<li class="w3-padding-16">rank and directions </li>
<li class="w3-padding-16">ask us</li>
<li class="w3-padding-16">
<h2>$ 10</h2>
<span class="w3-opacity">per month</span>
</li>
<li class="w3-light-grey w3-padding-24">
< <a href="signup.html" class="w3-button w3-white w3-padding-large">Sign Up</a>
</li>
</ul>
</div>

<div class="w3-half">
<ul class="w3-ul w3-white w3-center w3-opacity w3-hover-opacity-off">
<li class="w3-black w3-xlarge w3-padding-32">Pro</li>
<<a href=""> <li class="w3-padding-16"><button type="button">buy ticket</button></li></a>
<a href="route-list.html"><li class="w3-padding-16">route list</li></a>
<li class="w3-padding-16">rank and directions</li>
<li class="w3-padding-16">Ask us </li>
<li class="w3-padding-16">
<h2>$ 30</h2>
<span class="w3-opacity">per month</span>
</li>
<li class="w3-light-grey w3-padding-24">
<a href="signup.html" class="w3-button w3-white w3-padding-large">Sign Up</a>
</li>
</ul>
</div>
</div>
</div>
</div>

<!-- Contact section -->
<div class="w3-container w3-light-grey w3-padding-32 w3-padding-large" id="contact">
<div class="w3-content" style="max-width:600px">
<h4 class="w3-center"><b>Contact us </b></h4>
<p>Do you want to buy a tickect? Fill out the form and fill us in with the details :)</p>
<form action="/action_page.php" target="_blank">
<div class="w3-section">
<label>Name</label>
<input class="w3-input w3-border" type="text" name="Name" required>
</div>
<div class="w3-section">
<label>Email</label>
<input class="w3-input w3-border" type="text" name="Email" required>
</div>
<div class="w3-section">
<label>Message</label>
<input class="w3-input w3-border" type="text" name="Message" required>
</div>
<button type="submit" class="w3-button w3-block w3-black w3-margin-bottom">Send Message</button>
</form>
</div>
</div>

<!-- Footer -->
<footer class="w3-container w3-padding-32 w3-grey">
<div class="w3-row-padding">
<div class="w3-third">
<h3>INFO</h3>
<p>Putting Zimbabwe transport system at the top with the rest of the world </p>
</div>

<div class="w3-third">
<h3>BLOG POSTS</h3>
<ul class="w3-ul">
<li class="w3-padding-16 w3-hover-black">
<img src="/w3images/workshop.jpg" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">Zimbabwe</span><br>
<span>kys cakes</span>
</li>
<li class="w3-padding-16 w3-hover-black">
<img src="/w3images/gondol.jpg" class="w3-left w3-margin-right" style="width:50px">
>
</li>
</ul>
</div>

<div class="w3-third">
<h3>POPULAR TAGS</h3>
<p>
<span class="w3-tag w3-black w3-margin-bottom">Travel</span> <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom"></span> <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">vic falls</span>
<span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">Zimbabwe</span> <span class="w3-targin-bottom">Harare</span> <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">DIY</span>
<span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">Ideas</span> <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">Baby</span> <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">Family</span>
<span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">News</span> <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">Clothing</span> <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">Shopping</span>
<span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">Sports</span> <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">Games</span>
</p>
</div>
</div>
<a href="http://twitter.com/erank 711"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAAYFBMVEX///8AAAALCwspKSlQUFBcXFzMzMz39/fBwcHj4+OQkJDo6Ojc3Nz6+vqwsLDs7Oy7u7tnZ2fS0tITExOIiIhvb2+ampp/f38jIyM1NTUaGhpERER5eXmkpKQ+Pj6qqqoF89ZhAAADkElEQVR4nO2b2baqMAyGKVMBgQIKgoi+/1tukHXOcmjTmdWL/pei+BXSNEnTIPDy8vLy8vLyMqxTU7RjaEhRWzQnVRKcJhEyrChJsQpLFpsm2RVn0ih5YgdlU5LLsaSjPZb1ZXUyLLVNlE21QywSNKl9FoRSMZbc+ISmKRKzYovz6F2JCEt2DAtCAv4GW/J1v4r5vvgQ693Ft+GDLGYT12pOh0ylXRFvDW+OY0Go4cAUR8IUHJj2SJiWA2N1tf7WyIEJj4QJPYyH8TAexsOYg4ni4plly30WuZFdmHH5H6J097fP47NpmBuXZfi4Vf4vAkjSkv59DZi6h1HG73C/GtZPz5euCu70X6jDzKQC4+MzJSurl1eKzwry1WEuQUCANCZkx/pkMg6z/RmemZcH9j23IVANTh2GbJcx4+2jmZmRlROa+pQaW6vD7NerC/3qk3XDrh+6EyNn1oVZkxnqV+BUNaffUh8mIJRJFYM3LRmZoTrM29h/K1uA+a5ZqvnZ9FEULL7GCuWG7FKCOszn4MnwMVyg1gIUCNVhvsspVfOWfQIwLGegBUP5Q1z3874eA8XLqxWYB+37uMuGfkLXo2G4RQO6gNVVK7iS34JYxZrXOjDTEKrRAINThhmDKrsmvFrTryobMPtyIL9zxViWNGFKaY6XoE0RUx5YWFCR0JwHFlMFFQk1pra88a4ikK/QgJlUYMBtER2nB/h8psBcS8sDMwNdpphZij4MWmRh4Oq/ZuLfSm5Jw5tXulWIaCASLIyE3wxMtF2+ij8dIMrTh5kxIQRXoiwdzKL7muQWKN6uniZMLPxUAoGNNF0DlnA1+GEbBok3eDBKBCZhQlEagc16/WpnKNbggfn1SCOl10Tg4QA1LrMw6Jw0BMOxFqcyahDmpQs0yzmu1zDM+QmxACmtBZgedMVC78gUzB1EOQk3vWjD3OYB7qdIweDOBEy0dQKEj3ZoePHDIIyiDHOrcVAJLJKdVMeL8muKBXrZclHL1YVZI6sM9nOpJIqmAc9FzuCpyFOhcUx3NsXF7/OpukGt7caEnxnvS5qWZZ6XXZotV/UuLXNr0y2KBKKEg2AMyMN4GA9zFMyBfaZrYMKBcaqd0qlGU6dacJ1qTnaqbduthnanWv2dOgTh1vEQtw7OcMu3RiRcG3TpsJVbx9BWb2PVbuQO6Ll1dDFw6lBn4NZx103uHAT28vLy8vLy8mLpD7+RO6ot4b4QAAAAAElFTkSuQmCC"width="50" height="50"alt="Twitter logo"
class="social-icon"></a>
<a href="http://facebook.com/erank rank"><img src="data:image/jpeg;base64,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"width="50" height="50" alt="Facebook logo"
class="social-icon"></a>

</footer>



<!-- End page content -->
</div>

<script>
// Script to open and close sidebar
function w3_open() {
document.getElementById("mySidebar").style.display = "block";
document.getElementById("myOverlay").style.display = "block";
}

function w3_close() {
document.getElementById("mySidebar").style.display = "none";
document.getElementById("myOverlay").style.display = "none";
}

// Modal Image Gallery
function onClick(element) {
document.getElementById("img01").src = element.src;
document.getElementById("modal01").style.display = "block";
var captionText = document.getElementById("caption");
captionText.innerHTML = element.alt;
}

</script>


</body>
</html>
20 changes: 20 additions & 0 deletions E-rank/route-list.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
!DOCTYPE html>
<html>
<title>Route list </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">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<style>
body,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif}
.w3-third img{margin-bottom: -6px; opacity: 0.8; cursor: pointer}
.w3-third img:hover{opacity: 1}
</style>
<form action="index.html" method="POST">
<label for="route">Route</label>
<select id="route" name="user_route">
<option value="Hatfield">Hatfield</option>
<option value="Hatfield">Highfields</option>
<option value="Hatfield">Vainona</option>
</select>
</form>
2 changes: 2 additions & 0 deletions E-rank/script.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
// Code goes here

1 change: 1 addition & 0 deletions E-rank/signup.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
Erank rank
2 changes: 2 additions & 0 deletions E-rank/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
/* Styles go here */