-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathpp.html
130 lines (114 loc) · 6.79 KB
/
pp.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
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Original+Surfer&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Amita&display=swap" rel="stylesheet">
<!--<script src="./script.js" defer></script>-->
<link rel="stylesheet" href="style.css">
<script type="text/javascript">window.$crisp=[];window.CRISP_WEBSITE_ID="4c77064b-b465-4695-bad9-1d6b7a537692";(function(){d=document;s=d.createElement("script");s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>
<style>
video{
display: block;
margin: 0 auto;
}
hr{
border: 5px solid green;
border-radius: 5px;
}
</style>
</head>
<body>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">PRATIVARTA PATHYA</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active" id="home"><a href="./pp.html">Home</a></li>
<li id="ngo"><a href="./logpage.html">NGO</a></li>
<li id="connect"><a href="./connect.html">Connect</a></li>
<li id="cov19"><a href="./covid.html">About COVID-19</a></li>
<li id="visit"><a href="./visit.html">Visit us</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li onclick="document.getElementById('id01').style.display='block'"><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
<li onclick="document.getElementById('id02').style.display='block'"><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
</ul>
</div>
</div>
</nav>
<div id="id01" class="modal">
<span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">×</span>
<form class="modal-content">
<div class="container">
<h1>Sign Up</h1>
<p>Please fill in this form to create an account.</p>
<label for="email"><b>Email</b></label>
<input id="email" type="text" placeholder="Enter Email" name="email" required>
<label for="psw"><b>Password</b></label>
<input id="pass" type="password" placeholder="Enter Password" name="psw" required>
<label for="psw-repeat"><b>Repeat Password</b></label>
<input type="password" placeholder="Repeat Password" name="psw-repeat" required>
<label>
<input type="checkbox" checked="checked" name="remember" style="margin-bottom:15px"> Remember me
</label>
<p>By creating an account you agree to our <a href="#" style="color:dodgerblue">Terms & Privacy</a>.</p>
<div id="created">
</div>
<div class="clearfix">
<button type="button" onclick="document.getElementById('id01').style.display='none'" class="cancelbtn">Cancel</button>
<button type="submit" onclick="villagers()" class="signupbtn">Sign Up</button>
</div>
</div>
</form>
</div>
<div id="id02" class="modal">
<span onclick="document.getElementById('id02').style.display='none'" class="close" title="Close Modal">×</span>
<form class="modal-content" action="/action_page.php">
<div class="container">
<h1>Sign In</h1>
<p>Please enter account details.</p>
<label for="email"><b>Email</b></label>
<input type="text" placeholder="Enter Email" name="email" required>
<label for="psw"><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw" required>
<div class="clearfix">
<button type="button" onclick="document.getElementById('id02').style.display='none'" class="cancelbtn">Cancel</button>
<button type="submit" class="signupbtn" onclick="()=>location.href='./signup.html'">Sign In</button>
</div>
</div>
</form>
</div>
<h2 style="color:darkgreen;font-family: 'Original Surfer', cursive;" id="Head">PRATIVARTA PATHYA</h2>
<hr />
<article style="color:darkgreen;font-family: 'Amita', cursive;" id="info" class="">ग्रामीणों के नेटवर्क में आपका स्वागत है !!<br />यह वेबऐप उन संगठनों से जुड़कर ग्रामीणों की मदद करने के लिए बनाया गया था जो उनकी मदद करना चाहते हैं और उन्हें अधिक प्रत्यक्ष तरीके से सरकार से जोड़ते हैं ।
</article>
<br />
<br />
<br />
<center><video width="900" height="500" controls>
<source src="Tutorial.mp4"></video></center>
<br />
<br />
<br />
<article style="color:darkgreen;font-family: 'Amita', cursive;" id="instructions"> 1. हमारे द्वारा काम करने वाले संगठनों के बारे में अधिक जानकारी प्राप्त करने के लिए [एनजीओ] बटन पर क्लिक करें और वे आपकी मदद कैसे कर सकते हैं<br />
2. मुख्य पृष्ठ पर नेविगेट करने के लिए [होम] बटन पर क्लिक करें जहां आप हमारी पहल के बारे में सभी सामान्य जानकारी पा सकते हैं<br />
3. हमारे अधिकारियों के साथ संवाद करने और अपनी चिंताओं को स्पष्ट करने के लिए [कनेक्ट] बटन दबाएं
</article>
<script src="https://apps.elfsight.com/p/platform.js" defer></script>
<div class="elfsight-app-5748496f-158e-4ce6-9049-2b7ec6f47937"></div>
<script src="https://unpkg.com/[email protected]/dist/axios.min.js"></script>
<script src="pp.js"></script>
</body>
</html>