-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathGroup Project 1.html
More file actions
125 lines (112 loc) · 3.81 KB
/
Group Project 1.html
File metadata and controls
125 lines (112 loc) · 3.81 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>All Mobile</title>
<meta charset="UTF-8">
<!--favicon image -->
<!--link css, jquery and setcookies,js-->
<link rel="shortcut icon" href="images/favicon1.png" type="image/png"/>
<link href = "css/style.css" rel ="stylesheet"/>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/setcookies.js"></script>
<script type="text/javascript" src="js/supplementary.js"></script>
</head>
<body>
<div id="wrapper">
<header>
<!--Top navigation bar -->
<div id = "navdiv">
<!--
<ul>
<li><a href="#">Help</a></li>
<li><a href="#">Log In</a></li>
<li><a href="#">Sign On</a></li>
<li><a href="Group Project 1.html">Home</a></li>
</ul>
-->
</div>
<!--Logo-->
<div id = "Logo">
<img src="images/all mobile400.png" alt="All Mobile Logo"/>
</div>
<!--Search Bar-->
<!--
Dracup, J 2016, How to Build a Website #4 - Creating and Styling a
Professional Search Bar [Part 1] [CSS & JS],
viewed 11 May 2017, from:
https://www.youtube.com/watch?v=38rJPEqapoA
-->
<div id = "search-bar">
<p>
<form action="php/searchResult.php" method="GET" id= "searchForm" />
<input type="text" name = "result" placeholder="Search..." maxlength= "40" id="Search">
<button type="submit" id = "submit">Search</button>
</form>
</p>
</div>
</header>
<!--Lastest Arrival Bar-->
<div id = "Lastest-arrival">
<ul>
<li><a href="#">Lastest Mobile Phones</a></li>
</ul>
<!--SlideShow-->
<!--
RK Tutorial 2016, Image Slider (2/3) HTML 5 CSS 3 and JavaScript,
viewed 1 May 2017, from:
https://www.youtube.com/watch?v=lOrMfHYLhIw&t
-->
</div>
<div id="container">
<img class="photo" onclick="enterOne()" src="images/1.PNG" alt="imageOne">
<img class="photo" onclick="enterTwo()" src="images/2.PNG" alt="imageTwo">
<img class="photo" onclick="enterThree()" src="images/3.PNG" alt="imageThree">
<img class="photo" onclick="enterFour()" src="images/4.PNG" alt="imageFour">
<button class="btn" onclick= "changeIndex(-1)" id = "btn1">⇦</button>
<button class="btn" onclick= "changeIndex(1)" id = "btn2">⇨</button>
</div>
<div id="rateheading">
<ul>
<li><a href="#">Voting</a></li>
</ul>
</div>
<button id="backtotop" title="Go to Top" onclick="topFunction()">Back to Top</button>
<br>
<br>
<br>
<div id="votingshow" style="margin:auto;position:relative;top:300px">
<form method="POST" id="selectForm">
<div id="pho1">
<img src="vote1.png" alt="phone.PNG" />
<h1 style="margin-left:85px;">Iphone 7</h1>
<input type="radio" name="phoneName" value="Iphone7">
</div>
<div id="pho2">
<img src="vote2.png" alt="phone.PNG" />
<h1>Iphone 6S</h1>
<input type="radio" name="phoneName" value="Iphone6S">
</div>
<div id="pho3">
<img src="vote3.png" alt="phone.PNG" />
<h1>Huawei Mate9</h1>
<input type="radio" name="phoneName" value="Huawei Mate9">
</div>
<div id="pho4">
<img src="vote4.png" alt="phone.PNG" />
<h1>Huawei P9</h1>
<input type="radio" name="phoneName" value="Huawei P9">
</div>
<div id="results">
<input class="vote" id="submitbutton" type="button" onclick="vote()" value="Vote">
<a href= 'https://infs3202-s3x1g.uqcloud.net/wis/php/voteresult.php'>Result</a>
</div>
</form>
</div>
<footer>
<div id="footer-page">
</div>
</footer>
<script src="js/samenav.js"></script>
<script src="js/backtotop.js"></script>
</body>
</html>