-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
121 lines (106 loc) · 4.64 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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Travel Experience Web Project</title>
<link rel="stylesheet" href="css/font-awesome.min.css" />
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="bootstrap.min.css" />
</head>
<body>
<div class="container container-wrapper" >
<div class="form-container-description">
<span>Welcome to the New</span>
<h1>Travel Experience Social Media</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sodales tellus lorem, nec rutrum sapien ultricies non.
Interdum et malesuada fames ac ante ipsum primis in faucibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent venenatis varius purus, ac fringilla dui volutpat quis. Donec nec feugiat est, id molestie orci. </p>
</div>
<div class="form-container">
<h1>Sign In</h1>
<span class="msg error"></span>
<!--
login = root;
password = root;
-->
<form method="post">
<ul>
<li>
<label for="login">Login</label>
<input type="text" name="login" id="login" />
</li>
<li>
<label for="password">Password</label>
<input type="password" name="password" id="password" />
</li>
<li>
<input type="submit" value="Submit" onclick="signin(event)" />
</li>
</ul>
</form>
</div>
<div class="main-app-container">
<header> Travel Experience Project <div><button onclick="signout(event)"><img src="img/logout.svg" /></button></div></header>
<div class="container">
<div class="add-item" style="
background: #fff;
"><span style=" padding-right: 15px;"><img src="img/userImage.png"></span>
<input type="text" class="w-mind" placeholder="What's on your mind?" />
<button type="button" class="btn btn-primary btn-lg addItem" data-toggle="modal" data-target="#ModalLoginForm">
Publish
</button>
</div>
<section class="feed"></section>
</div>
</div>
</div>
<!-- Modal HTML Markup -->
<div id="ModalLoginForm" class="modal fade">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title text-xs-center">Add A New Holiday Experience</h4>
<button type="button btn-default" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form role="form" method="POST" action="">
<div class="modal-body">
<span id="modalMsg" class="error"></span>
<div class="form-group">
<label class="control-label">Title <sup>*</sup></label>
<div>
<input type="text" id="title" class="form-control input-lg" name="title" value="" required>
</div>
</div>
<div class="form-group">
<label class="control-label">Budget <sup>*</sup></label>
<div>
<input type="number" id="budget" class="form-control input-lg" name="budget" required>
</div>
</div>
<div class="form-group">
<label class="control-label">Description <sup>*</sup></label>
<div>
<textarea id="description" class="form-control input-lg" name="description" required> </textarea>
</div>
</div>
<div class="form-group">
<label class="control-label">Image <sup>*</sup></label>
<div>
<input type="file" id="file" class="form-control input-lg" name="image" required>
</div>
</div>
</div>
<div class="modal-footer text-xs-center">
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
<input type="submit" class="btn btn-success" onclick="addPublicationItem(event)" data-target="#ModalLoginForm" value="Add"/>
</div>
</form>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<script src="js/jquery-3.5.1.min.js" ></script>
<script src="js/bootstrap.min.js"></script>
<script src="main.js" ></script>
</body>
</html>