-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathSubscription.html
115 lines (101 loc) · 4.85 KB
/
Subscription.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
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>SPI Cinemas</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<link rel="icon" type="image/png" href="img/spi-icon.png" />
<link rel="stylesheet" type="text/css" href="../semantic/dist/semantic.min.css">
<script src="../semantic/dist/semantic.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Bitter" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/STYLE.CSS">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
</head>
<body>
<div class="ui sidebar vertical left menu">
<a href="#" class="item">Home</a>
<a href="#" class="item">Movies</a>
<a href="#" class="item">Gallery</a>
<a href="#" class="item">Show times</a>
<a href="#" class="item">Features</a>
<a href="#" class="item">Book Tickets</a>
<a href="#" class="item">Contact us</a>
</div>
<div class="ui equal width grid" id="top-logo">
<div class="item" id="toggle">
<br><a href="#"><i class="large sidebar icon"></i></a>
</div>
<div class="ui center aligned column">
<div class="logo-header"><img src="img/spiii.jpg" alt="SPI cinemas logo"></div>
</div>
</div>
<div class="ui fixed icon menu stackable" id="top-menu">
<div class="ui equal width grid">
<div class="ui center aligned column">
<div class="logo-header"><img src="img/spiii.jpg" alt="SPI cinemas logo"></div>
</div>
</div>
<div class="right item"> <a href="#"> <i class=" home large icon"></i> <p>Home</p></a></div>
<div class="right item"> <a href="#"> <i class=" film large icon"></i> <p>Movies<p></a></div>
<div class="right item"> <a href="#"> <i class=" image large icon"></i> <p>Gallery<p></a></div>
<div class="right item"> <a href="#"> <i class=" calendar large icon"></i><p>Show times<p></a></div>
<div class="right item"> <a href="#"> <i class="tasks large icon"></i> <p>Features<p></a></div>
<div class="right item"> <a href="#"> <i class="ticket large icon"></i> <p>Book Tickets<p></a></div>
<div class="right item"> <a href="#"> <i class=" call large icon"></i> <p>Contact us<p></a></div>
</div>
<div class="section">
<div class="ui grid">
<!-- <div class="fourteen wide field column"></div> -->
<div class="ui one column right aligned grid">
<!-- </div>-->
</div>
</div>
<div class="ui one column center aligned grid stackable">
<div class="column six wide form-holder">
<h2 class="center aligned header form-head">Subscribe to our e-Magazine</h2><br>
<div class="ui form">
<form>
<div class="field">
<input type="text" placeholder="firstname" required>
</div>
<div class="field">
<input type="text" placeholder="lastname" required>
</div>
<div class="field">
<select>
<option value="1">Male</option>
<option value="0">Female</option>
</select>
</div>
<div class="field">
<input type="email" placeholder="[email protected]" required>
</div>
<div class="field" id="submit">
<input type="submit" value="subscribe" class="ui button large fluid black">
</div>
<div class="ui checkbox">
<input type="checkbox">
<label>Remember me</label>
</form>
</div>
</div>
</div>
</div>
</div>
<footer>
<!-- <div class="ui divider"></div> -->
<div class="footer-bottom-bar" id="foot">
<div class="ui horizontal divider header"><img src="img/spiii.jpg"></div>
<button class="ui circular facebook icon button"><i class=" facebook icon"></i></button>
<button class="ui circular twitter icon button"> <i class=" twitter icon" ></i></button>
<button class="ui circular google plus icon button"> <i class=" google plus icon" ></i></button>
<p>Copyright 2017 © SPI Cinemas Pvt. Ltd. All Rights Reserved. <br> The content and images used on this site are copyright protected and copyrights vests with the respective owners. The usage of the content and images on this website is intended to
promote the works and no endorsement of the artist shall be implied.<br> Unauthorized use is prohibited and punishable by law.</p>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="semantic/dist/semantic.min.js"></script>
</body>
</html>