Advertisement
wrcspkkit

faqs.php

May 5th, 2016
63
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 5.21 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <?php
  3. session_start();
  4.  
  5.  
  6. ?>
  7. <html>
  8. <head>
  9. <title>.::PkKit::.</title>
  10.  
  11. <!-- BootStrap -->
  12.  
  13. <!-- Latest compiled and minified CSS -->
  14. <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  15.  
  16. <!-- jQuery library -->
  17. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  18.  
  19. <!-- Latest compiled JavaScript -->
  20. <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
  21.  
  22. <meta name="viewport" content="width=device-width, initial-scale=1">
  23.  
  24. <link rel="stylesheet" href="style.css" type="text/css" />
  25. <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700|Lato:400,100,300,700,900' rel='stylesheet' type='text/css'>
  26.  
  27.     <link rel="stylesheet" href="css/animate.css">
  28.    
  29.     <link rel="stylesheet" href="css/style.css">
  30.  
  31.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  32.    
  33.     <style>
  34.        
  35.     </style>
  36.    
  37. </head>
  38.  
  39.  
  40.  
  41. <body>
  42.  
  43. <nav class="navbar navbar-inverse" style="margin: 0px">
  44.   <div class="container-fluid">
  45.     <div class="navbar-header">
  46.       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
  47.         <span class="icon-bar"></span>
  48.         <span class="icon-bar"></span>
  49.         <span class="icon-bar"></span>
  50.       </button>
  51.       <a class="navbar-brand" href="myphotos.php">PKKIT</a>
  52.     </div>
  53.     <div class="collapse navbar-collapse" id="myNavbar">
  54.       <ul class="nav navbar-nav">
  55.         <li><a href="myphotos.php">My Photos</a></li>
  56.         <li><a href="aboutus.php">About Us</a></li>
  57.         <li><a href="faqs.php">FAQs</a></li>
  58.         <li><a href="support.php">Support</a></li>
  59.       </ul>
  60.       <ul class="nav navbar-nav navbar-right">
  61.      
  62.       <?php
  63.        
  64.         if ($_SESSION['user_logged_in'] == 1)  
  65.         {
  66.         echo '<li><a href="create.php"><span class="glyphicon glyphicon-picture"></span> Create Album</a></li>
  67.         <li><a href="logout.php"><span class="glyphicon glyphicon-log-out"></span> Logout</a></li>';
  68.        
  69.         }else{
  70.              echo '
  71.             <li><a href="register.html"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
  72.             <li><a href="login.html"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>';
  73.             }
  74.         ?>
  75.        
  76.       </ul>
  77.     </div>
  78.   </div>
  79. </nav>
  80.  
  81. <div class="well" style="background-color: rgba(0,0,0,0.5);margin-bottom: -30px; border: 0px solid;color: white;">
  82.  
  83.  <h4><u>FAQ's</u></h4>
  84.  
  85.  
  86.  <h2>What is PKKIT?</h2>
  87.  <h4>PKKIT is an image sharing website designed to help people store or share images with family, friends or colleagues.</h4>
  88.  
  89.  
  90.  <h2>Is PKKIT free to use?</h2>
  91.  <h4>PKKIT is 100% free to use and we will not be introducing fees at any point in the future.</h4>
  92.  
  93.  <h2>How do I upload an image?</h2>
  94.  <h4>To upload an image you must first create an album (Top right of the website). Once you have created the album, </h4>
  95.  <h4>select it from the My Photos section of the website. Navigate to the top right hand corner of the screen and select </h4>
  96.  <h4>Upload Photos, the box that appears on screen will allow you to browse your computer for images you may wish </h4>
  97.  <h4>to add to your album. Once you have selected an image, hit the upload button. A message should appear that </h4>
  98.  <h4>reads File Uploaded Successfully.</h4>
  99.  
  100.  <h2>Who can see my images?</h2>
  101.  <h4>When you upload an image to an album you are the only person able to view this image. You can allow other users </h4>
  102.  <h4>to view your images using the method detailed in the next question.</h4>
  103.  
  104.  <h2>How do I share my images with friends?</h2>
  105.  <h4>To share an image, you must first create an album. Once this is done go ahead and upload all images you wish to </h4>
  106.  <h4>share. Once you are done uploading, navigate to the album you wish to share (My Photos – Select album). In the </h4>
  107.  <h4>top right corner of the screen select Share Album; A box will now appear that prompts you to enter the username </h4>
  108.  <h4>you wish to share the album with. Enter a username and click share. A message should appear that reads</h4>
  109.  <h4>The Album Has Been Shared.</h3>
  110.  
  111.  <h2>How do I delete my images and albums?</h2>
  112.  <h4>To delete an image simply navigate to the album that contains the image. Above each image there should be a </h4>
  113.  <h4>small cross (X), click this to delete the image. Please note: You are only able to delete images you have uploaded to </h4>
  114.  <h4>the site you are not able to delete images in albums that have been shared with you.</h4>
  115.  
  116.  <h2>I have an issue I can not resolve</h2>
  117.  <h4>Please contact us using the form on the support page.</h4>
  118.  
  119.  <br />
  120.  <br />
  121.    
  122. </div>
  123.  
  124.  
  125.  
  126. </body>
  127.  
  128. <script>
  129.     $(document).ready(function () {
  130.         $('#logo').addClass('animated fadeInDown');
  131.         $("input:text:visible:first").focus();
  132.     });
  133.     $('#username').focus(function() {
  134.         $('label[for="username"]').addClass('selected');
  135.     });
  136.     $('#username').blur(function() {
  137.         $('label[for="username"]').removeClass('selected');
  138.     });
  139.     $('#password').focus(function() {
  140.         $('label[for="password"]').addClass('selected');
  141.     });
  142.     $('#password').blur(function() {
  143.         $('label[for="password"]').removeClass('selected');
  144.     });
  145. </script>
  146.  
  147. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement