-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
104 lines (96 loc) · 4.94 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
104
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script|Liu+Jian+Mao+Cao&display=swap" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="icon" type="image/x-icon" href="images//favicon.ico" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="./parallax.js-1.5.0/parallax.js"></script>
<title>Document</title>
</head>
<body>
<div style='height: 200px; width: 100%'>Nav</div>
<div class="parallax-window" data-parallax="scroll" data-image-src="bg.jpg">
<!-- <form class="container">
<p style="font-size: 80px; color: rgb(219, 219, 219); font-weight: 600;">Search for Movie Location</p>
<div class="form-group mx-sm-3 mb-2">
<label for="inputPassword2" class="sr-only">Please enter film name</label>
<input type="password" style="width: 100%;" class="form-control" id="inputPassword2" placeholder="Please enter film name">
</div>
<button type="submit" class="btn btn-primary mb-2 btn-lg" >Search</button>
</form> -->
<form class="wrap container">
<p style="font-size: 80px; color: rgb(219, 219, 219); font-weight: 600;">Search for Movie Location</p>
<div class="search">
<input type="text" class="searchTerm" placeholder="What are you looking for?">
<button type="submit" class="searchButton">
<i class="fa fa-search"></i>
</button>
</div>
</form>
</div>
<div style='height: 200px; width: 100%'>Nav</div>
<footer>
<div class="footer-container">
<div class="left">
<h3>ABOUT OUR <span>INSCENE</span></h3>
<p>Our original intention of designing this product is to provide a convenient and joyful experience for users
whenever they want to find a movie-related destination to spend their leisure time. By taking the movie as
a portal to its corresponding filming locations, users can be provided with rich information on the location
details of the movies they favor.
We hope you can find your ideal locations here, if we don't already have it on file, please feel free to contact us.
</p>
<p>
<span>Inscene, Team Tenent</span> | Adelaide Filming Locations | All Rights Reserved
</p>
</div>
<div class="right">
<h3> CONTACT US</h3>
<p>Email: [email protected]</p>
<p>Address: UQ St Lucia Brisbane QLD 4072</p>
<div class="media">
<span class="fa-stack fa-lg">
<a>
<i class="fa fa-circle-thin fa-stack-2x"></i>
<i class="fa fa-facebook fa-stack-1x"></i>
</a>
</span>
<span class="fa-stack fa-lg">
<a>
<i class="fa fa-circle-thin fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x"></i>
</a>
</span>
<span class="fa-stack fa-lg">
<a>
<i class="fa fa-circle-thin fa-stack-2x"></i>
<i class="fa fa-instagram fa-stack-1x"></i>
</a>
</span>
<span class="fa-stack fa-lg">
<a>
<i class="fa fa-circle-thin fa-stack-2x"></i>
<i class="fa fa-youtube fa-stack-1x"></i>
</a>
</span>
<span class="fa-stack fa-lg">
<a>
<i class="fa fa-circle-thin fa-stack-2x"></i>
<i class="fa fa-linkedin fa-stack-1x"></i>
</a>
</span>
</div>
</div>
</div>
</footer>
<!-- <img src="bg.jpg" id="bg"> -->
<!-- <h2 id="text">Iron Man | 4</h2> -->
</body>
<script src="index.js" type="text/javascript"></script>
</html>