API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 16th, 2016
92
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.17 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>Welcome to Siyaram Developers</title>
  4. </head>
  5. <body>
  6. <div id="overlay"></div>
  7. <div id="background"></div>
  8. <div id="mainContainer">
  9. <div id="logo"><img src="#" width="150px" height="50px" alt="siyaram developers"/></div>
  10. <div id="navlinks">
  11. <div id="menuContainer">
  12. <a href="#" onclick="showContent('home')">Home</a>
  13. <a href="#" onclick="showContent('about-us')">About-Us</a>
  14. <a href="#;" onclick="showContent('projects')">Our Projects</a>
  15. <a href="#" onclick="showContent('vision')">Vision</a>
  16. <a href="#contactForm" onclick="showContent('contactForm')">Contact-Us</a>
  17. <a href="#login" onclick="showContent('login')">Members</a>
  18. </div>
  19. </div>
  20. <div id="middle">
  21. <div id="home">
  22. Welcome to the Siyaram Developers.
  23. </div>
  24. <div id="about-us">
  25. <h3>About Us</h3>
  26. <p style="float: left;">
  27. <img src="img/a.jpg" width="250px" height="250px" alt="Sunny Bhadana" title="Sunny Bhadana"/>
  28. </p>
  29. <p>
  30. <script>
  31. for(i=0; i<10; i++){
  32. document.write("This is Some Dummy Text. This text is just for testing this site. And it's working Great.");
  33. }
  34. </script>
  35. </p> </div>
  36. <div id="vision">
  37. <img src="img/vision.jpg" width="100%" height="auto" alt="Vision" title="Vision">
  38. <h3>Vision</h3>
  39. <p>Our vision is to deliver positive, engaging and memorable experiences to our patrons and partners and
  40. continuously strive for innovation in product design and processes with integrity and transparency.</p> </div>
  41. <div id="projects">
  42. <img src="img/company.jpg" width="100%" height="auto" alt="Project" title="Project">
  43. <h3>Our Projects</h3>
  44. <p>Our Project list here;---</p> </div>
  45. <div id="contactForm">
  46. <img src="img/contact.jpg" width="100%" alt="Contact-Us">
  47. <h3>Contact-Us</h3>
  48. <br />
  49. <b>Notice</b>: Undefined variable: status in <b>C:xampphtdocssiyaramdevelopersincludescontact.php</b> on line <b>3</b><br />
  50. <form name="contact-form" action="index.php" method="post" onsubmit="validate()">
  51. <input type="text" name="name" placeholder="Your Name"/><br/>
  52. <input type="number" name="number" placeholder="Your Mobile Number"/><br/>
  53. <input type="email" name="email" placeholder="Your E-mail Address"/><br/>
  54. <textarea name="message" placeholder="Your Suggestion/Questions" cols="10" rows="5"></textarea><br/>
  55. <input type="submit" value="Submit">
  56. </form> </div>
  57. <div id="login">
  58.  
  59. <table width="100%">
  60. <tr>
  61. <td width="32%"><input type="button" id="log_in" onclick="show('log_in')" value="Log-In"/></td>
  62. <td width="32%"><input type="button" onclick="show('sign_up')" id="sign_up" value="Sign-Up"/></td>
  63. <td width="32%"><input type="button" onclick="show('admin_login')" id="admin_login" value="Admin Login"/></td>
  64. </tr>
  65. <tr>
  66. <td valign="top" align="center">
  67. <form name="loginForm" onsubmit="return false;">
  68. <input type="email" id="login_username" placeholder="Email Address"><br/>
  69. <input type="password" id="login_password" placeholder="Password"><br/>
  70. <input type="button" onclick="validateData()" value="Login"><br/>
  71. <a href="#">Forgot Password?</a>
  72. <br/>
  73. </form>
  74. </td>
  75. <td valign="top" align="center">
  76. <form name="signupForm" onsubmit="return false">
  77. <input type="text" id="sign_name" placeholder="Your Name"/><br/>
  78. <input type="email" id="sign_email" placeholder="Your Email"/><br/>
  79. <input type="password" id="sign_password" placeholder="Password"/><br/>
  80. <input type="number" id="sign_mobile" placeholder="Mobile Number"/><br/>
  81. <input type="button" onclick="userSignUp()" value="Sign-Up" /><br/>
  82. </form>
  83. </td>
  84. <td valign="top" align="center">
  85. <form name="admin_login" onsubmit="return false">
  86. <input type="email" id="admin_username" placeholder="Email Address"><br/>
  87. <input type="password" id="admin_password" placeholder="Password"><br/>
  88. <input type="button" onclick="login_admin()" value="Login"><br/>
  89. <br/>
  90. </form>
  91. </td>
  92. </tr>
  93. </table>
  94.  
  95.  
  96.  
  97. </div>
  98. </div>
  99. </div>
  100. </body>
  101. </html>
  102.  
  103. <script>
  104. function validateData() {
  105. var username = document.getElementById("login_username").value;
  106. var password = document.getElementById("login_password").value;
  107. var ajax = new XMLHttpRequest();
  108. ajax.open("POST", "login_test.php", true);
  109. ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  110. ajax.onreadystatechange = function () {
  111. if (ajax.readyState == 4 && ajax.status == 200) {
  112. if(ajax.responseText == "login_undone"){
  113. alert("Login Failed");
  114. }else {
  115. window.location.assign("user.php?username="+ajax.responseText);
  116. }
  117. }
  118. }
  119. ajax.send("username="+username+"&password="+password);
  120. }
  121.  
  122. function login_admin() {
  123. var admin_username = document.getElementById("admin_username").value;
  124. var admin_password = document.getElementById("admin_password").value;
  125. var ajax = new XMLHttpRequest();
  126. ajax.open("POST", "login_test.php", true);
  127. ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  128. ajax.onreadystatechange = function () {
  129. if (ajax.readyState == 4 && ajax.status == 200) {
  130. if(ajax.responseText == "login_done") {
  131. window.location.assign('admin/index.php');
  132. }else {
  133. alert('Sorry! Wrong Creditionals');
  134. }
  135. }
  136. }
  137. ajax.send("admin_username="+admin_username+"&admin_password="+admin_password);
  138. }
  139. function userSignUp() {
  140. var username = document.getElementById("sign_name").value;
  141. var password = document.getElementById("sign_password").value;
  142. var ajax = new XMLHttpRequest();
  143. ajax.open("POST", "login_test.php", true);
  144. ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  145. ajax.onreadystatechange = function () {
  146. if (ajax.readyState == 4 && ajax.status == 200) {
  147. alert(ajax.responseText);
  148. }
  149. }
  150. ajax.send("signup_username="+username+"&signup_password="+password);
  151. }
  152.  
  153. function showContent(conId){
  154. var current = document.getElementById(conId);
  155. if(current == document.getElementById("about-us")) {
  156. //hide if any links are opened
  157. document.getElementById("vision").style.position = "fixed";
  158. document.getElementById("projects").style.position = "fixed";
  159. document.getElementById("contactForm").style.position = "fixed";
  160. document.getElementById("login").style.position = "fixed";
  161. document.getElementById("home").style.position = "fixed";
  162. document.getElementById("home").style.left = "100%";
  163. document.getElementById("login").style.left = "100%";
  164. document.getElementById("contactForm").style.left = "100%";
  165. document.getElementById("vision").style.left = "100%";
  166. document.getElementById("projects").style.left = "100%";
  167. document.getElementById("projects").style.transition = "0.5s";
  168. document.getElementById("vision").style.transition = "0.5s";
  169. document.getElementById("contactForm").style.transition = "0.5s";
  170. document.getElementById("login").style.transition = "0.5s";
  171. document.getElementById("home").style.transition = "0.5s";
  172.  
  173. //show the current link which user clicks
  174. current.style.position = "absolute";
  175. current.style.left = "0";
  176. current.style.transition = "left 1s";
  177. // current.style.right = "50px";
  178.  
  179.  
  180. }else if(current == document.getElementById("vision")){
  181. //change absolute to fixed position
  182. document.getElementById("about-us").style.position = "fixed";
  183. document.getElementById("projects").style.position = "fixed";
  184. document.getElementById("contactForm").style.position = "fixed";
  185. document.getElementById("login").style.position = "fixed";
  186. document.getElementById("home").style.position = "fixed";
  187. document.getElementById("home").style.left = "100%";
  188. //make left align 100%
  189. document.getElementById("contactForm").style.left = "100%";
  190. document.getElementById("login").style.left = "100%";
  191. document.getElementById("about-us").style.left = "100%";
  192. document.getElementById("projects").style.left = "100%";
  193. //transition 0.5s
  194. document.getElementById("about-us").style.transition = "0.5s";
  195. document.getElementById("projects").style.transition = "0.5s";
  196. document.getElementById("contactForm").style.transition = "0.5s";
  197. document.getElementById("login").style.transition = "0.5s";
  198. document.getElementById("home").style.transition = "0.5s";
  199.  
  200. current.style.position = "absolute";
  201. current.style.left = "0";
  202. current.style.transition = "left 1s";
  203. // current.style.left = "50px";
  204. }else if(current == document.getElementById("projects")){
  205. document.getElementById("about-us").style.position = "fixed";
  206. document.getElementById("about-us").style.position = "fixed";
  207. document.getElementById("contactForm").style.position = "fixed";
  208. document.getElementById("login").style.position = "fixed";
  209. document.getElementById("home").style.position = "fixed";
  210. document.getElementById("home").style.left = "100%";
  211. document.getElementById("login").style.left = "100%";
  212. document.getElementById("contactForm").style.left = "100%";
  213. document.getElementById("about-us").style.left = "100%";
  214. document.getElementById("vision").style.position = "fixed";
  215. document.getElementById("vision").style.left = "100%";
  216. document.getElementById("vision").style.transition = "0.5s";
  217. document.getElementById("about-us").style.transition = "0.5s";
  218. document.getElementById("contactForm").style.transition = "0.5s";
  219. document.getElementById("login").style.transition = "0.5s";
  220. document.getElementById("home").style.transition = "0.5s";
  221.  
  222. //show contents
  223. current.style.position = "absolute";
  224. current.style.left = "50";
  225. current.style.transition = "left 1s";
  226. }else if(current == document.getElementById("contactForm")){
  227. document.getElementById("vision").style.position = "fixed";
  228. document.getElementById("projects").style.position = "fixed";
  229. document.getElementById("about-us").style.position = "fixed";
  230. document.getElementById("login").style.position = "fixed";
  231. document.getElementById("home").style.position = "fixed";
  232. document.getElementById("home").style.left = "100%";
  233. document.getElementById("login").style.left = "100%";
  234. document.getElementById("about-us").style.left = "100%";
  235. document.getElementById("vision").style.left = "100%";
  236. document.getElementById("projects").style.left = "100%";
  237. document.getElementById("projects").style.transition = "0.5s";
  238. document.getElementById("about-us").style.transition = "0.5s";
  239. document.getElementById("vision").style.transition = "0.5s";
  240. document.getElementById("login").style.transition = "0.5s";
  241. document.getElementById("home").style.transition = "0.5s";
  242.  
  243. current.style.position = "absolute";
  244. current.style.left = "0";
  245. current.style.transition = "left 1s";
  246. }else if(current == document.getElementById("login")){
  247. document.getElementById("vision").style.position = "fixed";
  248. document.getElementById("projects").style.position = "fixed";
  249. document.getElementById("about-us").style.position = "fixed";
  250. document.getElementById("contactForm").style.position = "fixed";
  251. document.getElementById("home").style.position = "fixed";
  252. document.getElementById("home").style.left = "100%";
  253. document.getElementById("about-us").style.left = "100%";
  254. document.getElementById("vision").style.left = "100%";
  255. document.getElementById("projects").style.left = "100%";
  256. document.getElementById("contactForm").style.left = "100%";
  257. document.getElementById("projects").style.transition = "0.5s";
  258. document.getElementById("about-us").style.transition = "0.5s";
  259. document.getElementById("vision").style.transition = "0.5s";
  260. document.getElementById("contactForm").style.transition = "0.5s";
  261. document.getElementById("home").style.transition = "0.5s";
  262.  
  263. current.style.position = "absolute";
  264. current.style.left = "0";
  265. current.style.transition = "left 1s";
  266. }else if(current == document.getElementById("home")){
  267. document.getElementById("vision").style.position = "fixed";
  268. document.getElementById("projects").style.position = "fixed";
  269. document.getElementById("about-us").style.position = "fixed";
  270. document.getElementById("contactForm").style.position = "fixed";
  271. document.getElementById("login").style.position = "fixed";
  272. document.getElementById("login").style.left = "100%";
  273. document.getElementById("about-us").style.left = "100%";
  274. document.getElementById("vision").style.left = "100%";
  275. document.getElementById("projects").style.left = "100%";
  276. document.getElementById("contactForm").style.left = "100%";
  277. document.getElementById("projects").style.transition = "0.5s";
  278. document.getElementById("about-us").style.transition = "0.5s";
  279. document.getElementById("vision").style.transition = "0.5s";
  280. document.getElementById("contactForm").style.transition = "0.5s";
  281. document.getElementById("login").style.transition = "0.5s";
  282.  
  283.  
  284. current.style.position = "absolute";
  285. current.style.left = "0";
  286. current.style.transition = "left 1s";
  287. }
  288. }
  289. function show(item) {
  290. if(item == 'admin_login'){
  291. alert('admin');
  292. }
  293. if(item == 'sign_up'){
  294. alert('sign_up');
  295. }
  296. if(item == 'log_in'){
  297. alert('member');
  298. }
  299. }
  300. </script>
  301.  
  302. <style>
  303. @font-face {
  304. font-family: myFont;
  305. src: url("http://localhost/siyaramdevelopers/fonts/lucida-sans-unicode.woff");
  306. }
  307. body {
  308. font-family: myFont;
  309. background-color: black;
  310. overflow-x: hidden;
  311. }
  312. #background {
  313. position: fixed;
  314. left:0;
  315. top:0;
  316. background: url("http://localhost/siyaramdevelopers/img/background.jpg");
  317. width: 100vw;
  318. height: 100vh;
  319. z-index: 10;
  320. }
  321. #overlay {
  322. position: fixed;
  323. left:0;
  324. top:0;
  325. width: 100vw;
  326. background-color: black;
  327. height: 100vh;
  328. z-index: 20;
  329. opacity: 0.6;
  330. filter:alpha(opacity=60);
  331. }
  332. #mainContainer {
  333. position: absolute;
  334. /*border:1px solid yellow;*/
  335. z-index: 30;
  336. width: 80%;
  337. margin-left: 10%;
  338. margin-right: 10%;
  339. }
  340. #navlinks {
  341. position: fixed;
  342. height: 120px;
  343. width:100vw;
  344. top: 0;
  345. left: 0;
  346. z-index: 40;
  347. background-color: rgba(12, 12, 12, 0.77);
  348. }
  349. #mainContainer > #navlinks > #menuContainer {
  350. width:600px;
  351. /*min-width: 600px;*/
  352. margin-top: 80px;
  353. position: absolute;
  354. right:10px;
  355. /*border:1px solid red;*/
  356. /*left: 50px;*/
  357. }
  358. @media screen and (max-width: 635px) {
  359. body {
  360. overflow-x: auto;
  361. }
  362. #navlinks {
  363. position: absolute;
  364. width: 700px;
  365. }
  366. #mainContainer > #navlinks > #menuContainer {
  367. left:10px;
  368. }
  369. #mainContainer > #navlinks > #menuContainer > a {
  370. margin-bottom: 10px;
  371. }
  372.  
  373. }
  374. #mainContainer > #navlinks > #menuContainer > a {
  375. text-decoration: none;
  376. border: 2px solid white;
  377. -webkit-border-radius: 5px;
  378. -moz-border-radius: 5px;
  379. border-radius: 5px;;
  380. /*float: right;*/
  381. margin: 5px;
  382. padding: 5px;
  383. color: #fff;
  384. margin-top: 70px;
  385. outline: none;
  386. }
  387. #mainContainer > #navlinks > #menuContainer > a:hover {
  388. /*border: 2px solid white;*/
  389. background-color: rgba(28, 77, 233, 0.77);
  390. -webkit-transition: 0.5s;
  391. -moz-transition: 0.5s ;
  392. -ms-transition: 0.5s ;
  393. -o-transition: 0.5s ;
  394. transition: 0.5s ;
  395. }
  396. #logo {
  397. position: fixed;
  398. margin-left: 50px;
  399. width: 150px;
  400. /*border:2px solid blue;*/
  401. }
  402. #middle {
  403. margin-top: 150px;
  404. color: #fff;
  405. }
  406. #about-us, #vision, #projects, #contactForm, #login {
  407. position: fixed;
  408. width: 90%;
  409. /*top: 150px;*/
  410. /*right:100px;*/
  411. left:100%;
  412. }
  413. #middle > #about-us > p > img {
  414. margin-right: 20px;
  415. }
  416. #vision > img, #about-us > img, #contactForm > img, #projects > img {
  417. display: none;
  418. }
  419. /*Contact-us page style*/
  420. h3 {
  421. text-align: center;
  422. }
  423. #admin_login, #sign_up, #log_in {
  424. width:100%;
  425. height:40px;
  426. background: transparent;
  427. border: 2px solid white;
  428. -webkit-border-radius: 5px;
  429. -moz-border-radius: 5px;
  430. border-radius: 5px;
  431. color: #fff;
  432. outline:none;
  433. font-size: medium;
  434. }
  435. form[name=contact-form], form[name=loginForm], form[name=signupForm], form[name=admin_login]{
  436. /*border: 1px solid red;*/
  437. text-align: center;
  438. }
  439. form[name=contact-form] > input[type=text],
  440. form[name=contact-form] > input[type=number],
  441. form[name=contact-form] > input[type=email],
  442. form[name=loginForm] > input[type=email],
  443. form[name=loginForm] > input[type=password],
  444. form[name=loginForm] > input[type=button],
  445. form[name=signupForm] > input[type=text],
  446. form[name=signupForm] > input[type=email],
  447. form[name=signupForm] > input[type=password],
  448. form[name=signupForm] > input[type=number],
  449. form[name=signupForm] > input[type=button],
  450. form[name=admin_login] > input[type=email],
  451. form[name=admin_login] > input[type=password],
  452. form[name=admin_login] > input[type=button]
  453. {
  454. height: 40px;
  455. width:250px;
  456. margin: 10px;
  457. background: transparent;
  458. border: 2px solid white;
  459. -webkit-border-radius: 5px;
  460. -moz-border-radius: 5px;
  461. border-radius: 5px;
  462. color: #fff;
  463. outline:none;
  464. font-size: medium;
  465. }
  466. form[name=contact-form] > textarea {
  467. width:250px;
  468. background: transparent;
  469. border:2px solid white;
  470. -webkit-border-radius: 5px;
  471. -moz-border-radius: 5px;
  472. border-radius: 5px;
  473. color: #fff;
  474. font-size: medium;
  475. outline:none;
  476. margin-bottom: 20px;
  477. resize: none;
  478. }
  479. form[name=contact-form] > input[type=submit] {
  480. width:250px;
  481. height: 40px;
  482. border:2px solid white;
  483. -webkit-border-radius: 5px;
  484. -moz-border-radius: 5px;
  485. border-radius: 5px;
  486. font-size: medium;
  487. background: transparent;
  488. color: #fff;
  489. outline:none;
  490. }
  491. form[name=loginForm] > a {
  492. text-decoration: none;
  493. color: #fff;
  494. }
  495. #admin_login, #sign_up, #logForm {
  496. border: 2px solid white;
  497. background-color: transparent;
  498. -webkit-border-radius: 5px;
  499. -moz-border-radius: 5px;
  500. border-radius: 5px;
  501. font-size: medium;
  502. margin-top: 0;
  503. padding: 5px;
  504. color: #fff;
  505. outline: none;
  506. }
  507. form[name=admin_login], form[name=loginForm], form[name=signupForm] {
  508. display: inline;
  509. }
  510. form[name=admin_login] > #username, form[name=loginForm] > #username, form[name=signupForm] > #name {
  511. margin-top: 30px;
  512.  
  513. }
  514. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!