API tools faq
paste
Advertisement
ioncap

ioncap full script

ioncap
Jul 25th, 2014
168
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 8.07 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <?php
  4. include 'db.php';
  5. session_start();
  6. ?>
  7.     <head>
  8.     <title>Ioncap</title>
  9.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  10.     <link href = "css/bootstrap.min.css" rel = "stylesheet">
  11.     <link href = "css/styles.css" rel = "stylesheet">
  12.         <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  13.     </head>
  14.     <body>
  15.    
  16.     <div class = "navbar navbar-inverse navbar-static-top">
  17.         <div class = "container">
  18.             <a href = "#" class = "navbar-brand">Ioncap</a>
  19.             <button class = "navbar-toggle" data-toggle = "collapse" data-target = ".navHeaderCollapse">
  20.                 <span class = "icon-bar"></span>
  21.                 <span class = "icon-bar"></span>
  22.                 <span class = "icon-bar"></span>
  23.             </button>
  24.            
  25.             <div class = "collapse navbar-collapse navHeaderCollapse">
  26.                 <ul class = "nav navbar-nav navbar-right">
  27.                     <li class = "active"><a href = "#">Home</a></li>
  28.                     <li><a href = "#">Blog</a></li>
  29.                     <li class = "dropdown">
  30.                         <a href = "#" class = "dropdown-toggle" data-toggle = "dropdown">Social Media<b class = "caret"></b></a>
  31.                         <ul class = "dropdown-menu">
  32.                             <li><a href = "#"><i class="fa fa-twitter"></i>&nbsp;&nbsp;Twitter</a></li>
  33.                             <li><a href = "#"><i class="fa fa-facebook"></i>&nbsp;&nbsp;Facebook</a></li>
  34.                             <li><a href = "#"><i class="fa fa-google-plus"></i>&nbsp;&nbsp;Google+</a></li>
  35.                             <li><a href = "#"><i class="fa fa-instagram"></i>&nbsp;&nbsp;Instagram</a></li>
  36.                         </ul>      
  37.                     <li><a href = "#">About</a></li>
  38.                     <li><a href = "#contact" data-toggle = "modal">Contact</a></li>
  39.                 </ul>
  40.             </div>
  41.         </div>
  42.     </div>
  43.    
  44.     <div class = "container">
  45.         <div id = "header_media" class="carousel slide">
  46.             <ol class="carousel-indicators">
  47.                 <li data-target = "#header_media" data-slide-to = "0" class="active"></li>
  48.                 <li data-target = "#header_media" data-slide-to = "1"></li>
  49.                 <li data-target = "#header_media" data-slide-to = "2"></li>
  50.             </ol>
  51.            
  52.             <div class="carousel-inner">
  53.                
  54.                 <div class="item active">
  55.                     <a href="#" data-toggle="modal" data-target="#myModal"><img src="img/header1.png" alt="Slide" class="img-responsive"></a>
  56.                 <div class="carousel-caption">
  57.                     <h3>Black wall</h3>
  58.                     <p>Made with Cinema 4D</p>
  59.                 </div>
  60.                 </div>
  61.                
  62.                 <div class="item">
  63.                     <img src="img/header2.png" alt="Slide" class="img-responsive">
  64.                 <div class="carousel-caption">
  65.                     <h3>Cubic night</h3>
  66.                     <p>Made with Cinema 4D</p>
  67.                 </div>
  68.                 </div>
  69.                
  70.                 <div class="item">
  71.                     <img src="img/header3.png" alt="Slide" class="img-responsive">
  72.                 <div class="carousel-caption">
  73.                     <h3>New nature</h3>
  74.                     <p>Made with Cinema 4D</p>
  75.                 </div>
  76.                 </div>
  77.                
  78.             </div>
  79.             <a class="carousel-control left" href="#header_media" data-slide="prev">
  80.             <span class="icon-prev"></span></a>
  81.             <a class="carousel-control right" href="#header_media" data-slide="next">
  82.             <span class="icon-next"></span></a>
  83.            
  84.         </div>
  85.     </div>
  86.  
  87.     <br>
  88.     <div class = "container">
  89.         <div class = "row">
  90.        
  91.             <?php
  92.             $count = "3"; //collum size
  93.             $query = "SELECT * FROM news ORDER BY id DESC LIMIT 4";
  94.            
  95.             $result = mysql_query($query);
  96.             if (!$result)
  97.                 {
  98.                 echo mysql_error() . $query;
  99.                 }
  100.             else
  101.                 {
  102.                 while($row = mysql_fetch_array($result))
  103.                 {
  104.                 echo
  105.                 '<div class = "col-md-' . $count . ' float-left">
  106.                 <div style="height:250px;" class="alert alert-info alert-dismissable">
  107.                 <button class="close" data-dismiss="alert">&times;</button>
  108.                 <h3 class="text-center"><a href = "?article_nr=' . $row['id'] . '&#update" data-toggle = "modal">' .
  109.                 $row['title'] . '</a></h3><h4>' .
  110.                 $row['subject'] . '</h4><p>' .
  111.                 $row['text'] . '</p><br><br><br>' .
  112.                 '<div class="b-1">
  113.                
  114.                 <a data-toggle="modal" href="?article_nr=' . $row['id'] . '#news" class="btn btn-primary">Read more</a>
  115.                 <h5 style=" margin:0; float:right; display:inline-block; top:20px;"><small>' .
  116.                 mb_strimwidth($row['date'], 14, 14) . '&nbsp;&nbsp;&nbsp;&nbsp;' . mb_strimwidth($row['date'], 5, 5) .
  117.                 '</small></h5></div></div></div>';
  118.                 }
  119.                 }
  120.         ?>
  121.                 </div>          
  122.         </div>     
  123.     </div>
  124.    
  125.     <div class="container">
  126.     <div class="alert alert-info">
  127.     <?php
  128.     if (!empty($_GET))
  129.     {
  130.         $id1 = $_GET['article_nr'];
  131.         $query1 ="SELECT *
  132.             FROM news
  133.             WHERE id=$id1";
  134.    
  135.     $result1 = mysql_query($query1) or die(mysql_error());
  136.     $row = mysql_fetch_array($result1);}
  137.     echo $row['id'] . '<br>' . $result1 . '<br>' . $query1;
  138.     ?>
  139.  
  140.     </div>
  141.     </div>
  142.    
  143.     <div class = "navbar navbar-default navbar-fixed-bottom">
  144.     <div class = "container">
  145.         <p class = "navbar-text pull-left">Site build by Ioncap</p>
  146.         <a href = "http://www.youtube.com/subscription_center?add_user=dwngrt" class = "navbar-btn btn-danger btn pull-right">My YouTube</a>
  147.         </div>
  148.     </div>
  149.    
  150.     <div class="modal fade" id="contact" role="dialog">
  151.         <div class="modal-dialog">
  152.             <div class="modal-content">
  153.                 <form method="POST" action="email_form.php" name="email_form" class="form-horizontal">
  154.                     <div class="modal-header">
  155.                         <h3>Contact Ioncap</h3>
  156.                     </div>
  157.                     <div class="modal-body">
  158.                         <div class="form-group">
  159.                             <label for="contact-name" class="col-lg-2 control-label">Name:</label>
  160.                         <div class="col-lg-10">
  161.                             <input name="contact_name" type="text" class="form-control" id="contact-name" placeholder="Full Name">
  162.                             </div>
  163.                             </div>
  164.                        
  165.                        
  166.                         <div class="form-group">
  167.                         <label for="contact-email" class="col-lg-2 control-label">Email:</label>
  168.                         <div class="col-lg-10">
  169.                         <input name="contact_email" type="email" class="form-control" id="contact-email" placeholder="you@example.com">
  170.                         </div>
  171.                         </div>
  172.                        
  173.                        
  174.                             <div class="form-group">
  175.                             <label for="contact_msg" class="col-lg-2 control-label">Message:</label>
  176.                             <div class="col-lg-10">
  177.                 <textarea name="contact-msg" class="form-control" rows="8"></textarea>
  178.                             </div>
  179.                             </div>
  180.                        
  181.                        
  182.                 <div class="modal-footer">
  183.                     <a class="btn btn-default" data-dismiss = "modal">Close</a>
  184.                         <button class="btn btn-primary" type="submit">Send</button>
  185.                 </div>
  186.             </form>
  187.         </div>
  188.    
  189.  <!-- News Modal  -  Still needs to be filled with PHP -->
  190.   <div class="modal fade" id="news" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  191.     <div class="modal-dialog">
  192.       <div class="modal-content">
  193.         <div class="modal-header">
  194.           <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  195.           <h4 class="modal-title">Modal title</h4>
  196.         </div>
  197.         <div class="modal-body">
  198.           ...
  199.         </div>
  200.         <div class="modal-footer">
  201.           <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  202.           <button type="button" class="btn btn-primary">Save changes</button>
  203.         </div>
  204.       </div>
  205.     </div>
  206.   </div>
  207.    
  208.  
  209.         <script src= "//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  210.         <script src= "js/bootstrap.js"></script>
  211.    
  212.     </body>
  213.     </html>
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!