API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 26th, 2019
223
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 80.80 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4.  
  5. <head>
  6. <meta charset="utf-8"/>
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <link rel="stylesheet" href="">
  10.  
  11. <title><?= $title??"" ?></title>
  12.  
  13. <!--FOR THE PIZZA LIST-->
  14. <style >
  15. body {
  16.   background-color:#1D1F20;
  17. }
  18.  
  19. #fixed {
  20.   top:0;
  21.   bottom:0;
  22.   right:0;
  23.   left:0;
  24.   width:50%%;
  25.   height:50%;
  26.   margin:auto;
  27.   position:fixed;
  28.   border:solid 1px #fff;
  29. }
  30.  
  31. p {
  32.   color:#fff;
  33.   font-family:'helvetica', sans-serif;
  34.   padding:15px;
  35. }
  36.  
  37.  
  38.  
  39.  
  40. </style>
  41.  
  42.     <style>
  43.         .center { text-align: center }
  44.         .center table {margin-left:auto; margin-right:auto;}
  45.         .left {text-align: right}
  46.         .right {text-align: left}
  47.         body {background-color: silver;
  48.             "background-image:url(images/imagesBejaia.jpg);"}
  49.  
  50.         .error {color: red;}
  51.        
  52. </style>
  53. <meta charset="utf-8">
  54. <meta name="viewport" content="width=device-width, initial-scale=1">
  55. <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
  56.  
  57.  
  58.  
  59. <style>
  60. *, *:  before, *:after {
  61.     -webkit-box-sizing: border-box !important;
  62.     -moz-box-sizing: border-box !important;
  63.     box-sizing: border-box !important;
  64. }
  65. body {
  66.     width: 100%;
  67.     height: 100%;
  68.     font-family: "Source Sans Pro",  "Helvetica Neue",  Helvetica,  Arial,  sans-serif;
  69.     overflow-x: hidden;
  70. }
  71. html {
  72.     width: 100%;
  73.     height: 100%;
  74. }
  75.  
  76. a:hover{
  77.     text-decoration:none;
  78. }
  79.  
  80. .navbar-brand{
  81.  
  82. }
  83.  
  84. .navbar-brand>img{
  85.   margin: auto 0px auto 15px !important;
  86.   padding: auto;
  87. }
  88.  
  89. .navbar-header{
  90.   margin-left:-4%!important;
  91. }
  92.  
  93. .navbar-left{
  94.   margin-left:38.7px;
  95. }
  96.  
  97. .navbar-right{
  98.   margin-right:21px;
  99. }
  100.  
  101. .navbar-inverse{
  102.   border:none;
  103. }
  104.  
  105. .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  106.     border:none;
  107. }
  108.  
  109. #sidebar-wrapper {
  110.     z-index: 1000;
  111.     position: fixed;
  112.     right: 0;
  113.     width: 320px;
  114.     height: 100%;
  115.     margin-right: -320px;
  116.     overflow-y: auto;
  117.     background: #222;
  118.     -webkit-transition: all 0.4s ease-in-out 0s;
  119.     -moz-transition: all 0.4s ease-in-out 0s;
  120.     -ms-transition: all 0.4s ease-in-out 0s;
  121.     -o-transition: all 0.4s ease-in-out 0s;
  122.     transition: all 0.4s ease-in-out 0s;
  123. }
  124. .sidebar-nav {
  125.     position: absolute;
  126.     top: 8.2%;
  127.     width: 320px;
  128.     margin: 0;
  129.     padding: 0;
  130.     list-style: none;
  131. }
  132. .sidebar-nav li {
  133.     position: relative;
  134.     line-height: 20px;
  135.     display: inline-block;
  136.     width: 100%;
  137.     font-size: 110%;
  138.     font-weight: 800;
  139.     text-transform: uppercase;
  140.     outline: none;
  141. }
  142. .sidebar-nav li:before {
  143.     content: '';
  144.     position: absolute;
  145.     top: 0;
  146.     right: 0;
  147.     z-index: -1;
  148.     height: 100%;
  149.     width: 3px;
  150.     background-color: #1c1c1c;
  151.     -webkit-transition: width .4s ease-in-out;
  152.     -moz-transition: width .4s ease-in-out;
  153.     -ms-transition: width .4s ease-in-out;
  154.     transition: width .4s ease-in-out;
  155. }
  156. .sidebar-nav li:first-child a {
  157.     color: #fff;
  158.     background-color: #1a1a1a;
  159. }
  160. .sidebar-nav li:nth-child(2):before {
  161.     color: #fff;
  162.     background-color: #1a1a1a;
  163. }
  164. .sidebar-nav li:nth-child(3):before {
  165.     background-color: #ec1b5a;
  166. }
  167. .sidebar-nav li:nth-child(4):before {
  168.     background-color: #79aefe;
  169. }
  170. .sidebar-nav li:nth-child(5):before {
  171.     background-color: #314190;
  172. }
  173. .sidebar-nav li:nth-child(6):before {
  174.     background-color: #279636;
  175. }
  176. .sidebar-nav li:nth-child(7):before {
  177.     background-color: #7d5d81;
  178. }
  179. .sidebar-nav li:nth-child(8):before {
  180.     background-color: #ead24c;
  181. }
  182. .sidebar-nav li:nth-child(9):before {
  183.     background-color: #2d2366;
  184. }
  185. .sidebar-nav li:nth-child(10):before {
  186.     background-color: #35acdf;
  187. }
  188. .sidebar-nav li:hover:before, .sidebar-nav li.open:hover:before {
  189.     width: 100%;
  190.     -webkit-transition: width .4s ease-in-out;
  191.     -moz-transition: width .4s ease-in-out;
  192.     -ms-transition: width .4s ease-in-out;
  193.     transition: width .4s ease-in-out;
  194. }
  195. .sidebar-nav li a {
  196.     display: block;
  197.     color: #ddd;
  198.     text-decoration: none;
  199.     padding: 10px 15px 10px 30px;
  200. }
  201. .sidebar-nav li a:hover, .sidebar-nav li a:active, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus {
  202.     color: #fff;
  203.     text-decoration: none;
  204.     background-color: transparent;
  205. }
  206. .sidebar-nav > .sidebar-brand {
  207.     height: 44px;
  208.     font-size: 18px;
  209.     line-height: 1.43;
  210. }
  211. .sidebar-nav .dropdown-menu {
  212.     position: relative;
  213.     width: 100%;
  214.     padding: 0;
  215.     margin: 0;
  216.     border-radius: 0;
  217.     border: none;
  218.     background-color: #222;
  219.     box-shadow: none;
  220. }
  221. #menu-toggle {
  222.     z-index: 801;
  223.     position: fixed;
  224.     top: 0;
  225.     right: .5%;
  226. }
  227. #sidebar-wrapper.active {
  228.     right: 320px;
  229.     width: 320px;
  230.     -webkit-transition: all 0.4s ease 0s;
  231.     -moz-transition: all 0.4s ease 0s;
  232.     -ms-transition: all 0.4s ease 0s;
  233.     -o-transition: all 0.4s ease 0s;
  234.     transition: all 0.4s ease 0s;
  235. }
  236. .toggle {
  237.     margin: 0;
  238. }
  239. #to-top {
  240.     position: fixed;
  241.     right: .2%;
  242.     bottom: .2%;
  243.     z-index: 799;
  244. }
  245. .btn-dark {
  246.     border-radius: 0;
  247.     color: #fff;
  248.     background-color: rgba(0,  0,  0,  0.4);
  249. }
  250. .btn-dark:hover, .btn-dark:focus, .btn-dark:active {
  251.     color: #fff;
  252.     background-color: rgba(0,  0,  0,  0.7);
  253. }
  254. .btn-light {
  255.     border-radius: 0;
  256.     color: #333;
  257.     background-color: rgb(255,  255,  255);
  258. }
  259. .btn-light:hover, .btn-light:focus, .btn-light:active {
  260.     color: #333;
  261.     background-color: rgba(255,  255,  255,  0.8);
  262. }
  263. .btn {
  264.     border-radius: 0px;
  265.     overflow: hidden;
  266.   border:none;
  267. }
  268. .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
  269.     color: #fff;
  270.     background-color: #449d44;
  271.     border-color: #398439;
  272.     box-shadow: inset 0 0 0 2px #398439;
  273. }
  274. .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
  275.     color: #fff;
  276.     background-color: #c9302c;
  277.     border-color: #ac2925;
  278.     box-shadow: inset 0 0 0 2px #ac2925;
  279. }
  280. .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  281.     color: #fff;
  282.     background-color: #286090;
  283.     border-color: #204d74;
  284.     box-shadow: inset 0 0 0 2px #204d74;
  285. }
  286. .btn-default {
  287.     color: #333;
  288.     background-color: #efefef;
  289.     border-color: #ccc;
  290. }
  291. .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
  292.     color: #333;
  293.     background-color: #e6e6e6;
  294.     border-color: #adadad;
  295.     box-shadow: inset 0 0 0 5px #adadad;
  296. }
  297. .btn-inverse {
  298.     background-color: #222;
  299.     border-color: #080808;
  300.     color: #9d9d9d;
  301. }
  302. .btn-inverse:hover, .btn-inverse:focus, .btn-inverse.focus, .btn-inverse:active, .btn-inverse.active, .open > .dropdown-toggle.btn-inverse {
  303.     color: #fff;
  304.     background-color: #080808;
  305.     border-color: #333;
  306.     box-shadow: inset 0 0 0 2px #333;
  307. }
  308. .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
  309.     color: #fff;
  310.     background-color: #c9302c;
  311.     border-color: #ac2925;
  312.     box-shadow: inset 0 0 0 2px #ac2925;
  313. }
  314. .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open>.dropdown-toggle.btn-danger {
  315.     color: #c9302c;
  316.     background-color: #fff;
  317.     box-shadow: inset 0 0 0 2px #c9302c;
  318.     border-color: #ac2925;
  319. }
  320. .panel {
  321.     border-radius: 0;
  322.     margin-top: 0;
  323. }
  324.  
  325. .accordion-toggle{
  326.   z-index: 801;
  327.     position: fixed;
  328.     top: 0;
  329.     left: .5%;
  330. }
  331.  
  332. .accordion-toggle:hover, .accordion-toggle:focus{
  333.   cursor:pointer;
  334. }
  335.  
  336. .nav-btn{
  337.   display:block;
  338.   top: 0px;
  339.   padding-top: 10px;
  340.   padding-bottom: 15px;
  341.   text-align:center;
  342. }
  343.  
  344. .contact-panel{
  345.   border-radius:0;
  346.   background-color: #d9534f;
  347.   border-color: #d43f3a;
  348.   margin-bottom:0;
  349.   position:fixed;
  350.   bottom:0;
  351.   width:100%;
  352. }
  353.  
  354. .accordion label{
  355.   color:#fff;
  356. }
  357. .accordion input{
  358.   border-radius:0;
  359. }
  360.  
  361. .panel-heading,
  362. .panel-heading:hover,
  363. .panel-heading:focus,
  364. .panel-heading.focus,
  365. .panel-heading:active,
  366. .panel-heading.active{
  367.   cursor:pointer;
  368.   background-color: #c9302c;
  369.   border-color: #ac2925;
  370.   outline:none;
  371. }
  372.  
  373. .accordion-toggle{
  374.   text-align:center;
  375.   width:2.7%;
  376.   min-width: 50px;
  377. }
  378.  
  379. .accordion-toggle span:after{
  380.     /* symbol for "opening" panels */
  381.   font-family: 'FontAwesome';
  382.   /* essential for enabling glyphicon */
  383.   content:"\f078";
  384.     position:absolute;
  385.     top:0;
  386.     bottom:0;
  387.     right:5%;
  388.   color: white;
  389.   text-align:right;
  390.   float:right;
  391.   vertical-align:middle;
  392.   margin-top:0;
  393.   font-weight:700;
  394.   font-size:120%;
  395.   text-decoration:none;
  396. }
  397.  
  398. .collapsed span:after{
  399.   /* symbol for "collapsed" panels */
  400.   content:"\f077";
  401. }
  402.  
  403. .contact-panel{
  404.   border-radius:0;
  405.   background-color: #d9534f;
  406.   border-color: #d43f3a;
  407.     margin-bottom:0;
  408.     position:fixed;
  409.     bottom:0;
  410.     width:100%;
  411.     vertical-align:middle;
  412. }
  413.  
  414. .btn-dark{
  415.   border-radius: 0;
  416.   color: #fff;
  417.   background-color: rgba(0,0,0,0.4);
  418. }
  419.  
  420. .btn-dark:hover,
  421. .btn-dark:focus,
  422. .btn-dark:active,
  423. .btn-dark.active{
  424.   color: #fff;
  425.   background-color: rgba(0,0,0,0.7);
  426. }
  427.  
  428. @media(min-width: 768px){
  429.   .contact-panel{
  430.     width:50%;
  431.   }
  432. }
  433.  
  434. .social {
  435.   z-index: 801;
  436.   position: fixed;
  437.   top: 10%;
  438.   left: .5%;
  439.   padding: 0;
  440.   margin: 0;
  441.   font-size: 100%;
  442.   width:2.7%;
  443. }
  444. .social ul {
  445.     background: #222;
  446. }
  447. .social ul li {
  448.     list-style: none outside none;
  449.     display: block;
  450.     background: #222;
  451.     padding: 0;
  452.     margin: 0;
  453. }
  454.  
  455. .nav>li>a:focus, .nav>li>a:hover {
  456.     text-decoration: none;
  457.     background-color: #222;
  458. }
  459. .social i {
  460.   width:100%;
  461.   min-width: 50px;
  462.   height: 100%;
  463.   min-height: 50px;
  464.   color: #FFF;
  465.   background-color: #222;
  466.     font-size: 22px;
  467.     text-align: center;
  468.     padding-top: 12px;
  469.     -webkit-transition: all ease 0.3s;
  470.     -moz-transition: all ease 0.3s;
  471.     -ms-transition: all ease 0.3s;
  472.     -o-transition: all ease 0.3s;
  473.     transition: all ease 0.3s;
  474. }
  475. .social .fa-facebook:hover {
  476.     background: #4060A5;
  477.     border: 1px solid #4060A5;
  478. }
  479. .social .fa-twitter:hover {
  480.     background: #00ABE3;
  481.     border: 1px solid #00ABE3;
  482. }
  483. .social .fa-google-plus:hover {
  484.     background: #e64522;
  485.     border: 1px solid #e64522;
  486. }
  487. .social .fa-github:hover {
  488.     background: #343434;
  489.     border: 1px solid #343434;
  490. }
  491. .social .fa-linkedin:hover {
  492.     background: #0094BC;
  493.     border: 1px solid #0094BC;
  494. }
  495. .social .fa-stack-overflow:hover {
  496.     background: #FEA501;
  497.     border: 1px solid #FEA501;
  498. }
  499. .social .fa-skype:hover {
  500.     background: #00C6FF;
  501.     border: 1px solid #00C6FF;
  502. }
  503. .social .fa-stack-exchange:hover {
  504.     background: #4D86C9;
  505.     border: 1px solid #4D86C9;
  506. }
  507. .social .fa-rss:hover {
  508.     background: #e88845;
  509.     border: 1px solid #e88845;
  510. }
  511. #social-collapse:after {
  512.     font-family: 'FontAwesome';
  513.     content: "\f068";
  514.     float: none;
  515.     position: relative;
  516.     color: white;
  517. }
  518. #social-collapse.collapsed:after {
  519.     content: "\f067";
  520. }
  521. ol.linenums{
  522.     counter-reset:linenumber;
  523. }
  524. ol.linenums li{
  525.     list-style-type:none;
  526.     counter-increment:linenumber;
  527. }
  528. ol.linenums li:before{
  529.     content: counter(linenumber);
  530.     float:left;
  531.     margin-left:-4em;
  532.     text-align:right;
  533.     width:3em;
  534. }
  535.  
  536. .mt {
  537.     margin-top: 2%;
  538. }
  539.  
  540. .masthead{
  541.   display: table;
  542.   position: relative;
  543.   min-width: 100%;
  544.   min-height: 100%;
  545.   width: 100%;
  546.   height: 100%;
  547.   background: transparent url("../img/bg.jpg") no-repeat fixed 0px 0px / cover;
  548.   z-index: 800;
  549.   background-color:#000;
  550. }
  551.  
  552. .text-white{
  553.   color:#fff;
  554. }
  555.  
  556. .text-vertical-center {
  557.   display: table-cell;
  558.   text-align: center;
  559.   vertical-align: middle;
  560. }
  561. .text-vertical-center h1 {
  562.   margin: 0;
  563.   padding: 0;
  564.   font-size: 4.5em;
  565.   font-weight: 700;
  566. }
  567. section {
  568.   padding-bottom: 5%;
  569. }
  570. .bg-inverse {
  571.   color: #FFF;
  572.   background-color: #333;
  573. }
  574. .centered {
  575.   text-align: center;
  576. }
  577. .mt {
  578.   margin-top: 2%;
  579. }
  580. .text-vertical-center {
  581.   display: table-cell;
  582.   text-align: center;
  583.   vertical-align: middle;
  584. }
  585. .text-vertical-center h1 {
  586.     margin: 0;
  587.     padding: 0;
  588.     font-size: 4.5em;
  589.     font-weight: 700;
  590. }
  591. hr.small {
  592.   max-width: 100px;
  593. }
  594.  
  595. small{
  596.   color:#eee!important;
  597. }
  598.  
  599. .page-header{
  600.   text-align: center;    
  601. }
  602.  
  603. /*page styling*/
  604. .bs-callout {
  605.     -moz-border-bottom-colors: none;
  606.     -moz-border-left-colors: none;
  607.     -moz-border-right-colors: none;
  608.     -moz-border-top-colors: none;
  609.     border-color: #eee;
  610.     border-image: none;
  611.     border-radius: 3px;
  612.     border-style: solid;
  613.     border-width: 1px 1px 1px 5px;
  614.     margin-bottom: 5px;
  615.     padding: 20px;
  616. }
  617. .bs-right-panel{
  618.   padding: 10px;
  619.   width:100%;
  620.   float:none;
  621.   text-align:center;
  622.   margin:0 auto;
  623. }
  624. .bs-right-panel img{
  625.   width:100%;
  626.   margin:0;
  627.   padding:0;
  628.  
  629. }
  630. .bs-callout:last-child {
  631.     margin-bottom: 0px;
  632. }
  633. .bs-callout h4,
  634. .bs-callout h5 {
  635.     margin-bottom: 10px;
  636.     margin-top: 5px;
  637.     font-weight: 600;
  638. }
  639.  
  640. .bs-callout-danger {
  641.     border-left-color: #d9534f;
  642. }
  643.  
  644. .bs-callout-danger h4,
  645. .bs-callout-danger h5{
  646.     color: #d9534f;
  647. }
  648.  
  649. .header-title {
  650.     color: #fff;
  651. }
  652. .title-thin {
  653.   font-weight: 300;
  654. }
  655. .service-item {
  656.   margin-bottom: 30px;
  657. }
  658.  
  659. /*
  660. ========================
  661. Social Accordion Styling
  662. ========================
  663. */
  664. .nav-stacked > li > a {
  665.     position: relative;
  666.   display: block;
  667.   padding: 0!important;
  668.   margin: 0!important;
  669. }
  670. .nav-stacked > li > a:focus, .nav-stacked > li > a:hover {
  671.   text-decoration: none;
  672.   background-color: #222;
  673. }
  674.  
  675. .nav-tabs.nav-justified {
  676.     border-bottom: 0 none;
  677.     width: 100%;
  678. }
  679.  
  680. .nav-tabs.nav-justified > li {
  681.     display: table-cell;
  682.     width: 1%;
  683.     float: none;
  684. }
  685.  
  686. .container-form .nav-tabs.nav-justified > li > a, .container-form .nav-tabs.nav-justified > li > a:hover, .container-form .nav-tabs.nav-justified > li > a:focus {
  687.     background: #333333;
  688.     border: 0 none;
  689.     color: #ffffff;
  690.     margin-bottom: 0;
  691.     margin-right: 0;
  692.     border-radius: 0;
  693.     padding: 6% 3%;
  694.     line-height: 1.5;
  695.     font-weight: 600;
  696.     font-size: 100%;
  697.     outline: 0 none;
  698. }
  699.  
  700. /*
  701. ===============================
  702. Custom Bootstrap Form Styling
  703. ===============================
  704. .container-form .nav-tabs.nav-justified > .active > a, .container-form .nav-tabs.nav-justified > .active > a:hover, .container-form .nav-tabs.nav-justified > .active > a:focus {
  705.     background: #ffffff;
  706.     color: #333333;
  707. }
  708. .container-form .nav-tabs.nav-justified > li > a:hover, .container-form .nav-tabs.nav-justified > li > a:focus {
  709.     background: #de2f18;
  710. }
  711. .tabs-login {
  712.     background: #ffffff;
  713.     border: medium none;
  714.     margin-top: -1px;
  715.     padding: 10px 30px;
  716. }
  717. .container-form h2 {
  718.     color: #222222;
  719. }
  720. .container-form {
  721.     margin: 0 auto;
  722.     padding: 2%}
  723. .container-form h1 {
  724.     border: 2px solid #222;
  725.     background: #222;
  726.     color: #fff;
  727.     text-transform: uppercase;
  728.     font-family: Montserrat,  "Helvetica Neue",  Helvetica,  Arial,  sans-serif;
  729.     font-weight: 800;
  730.     letter-spacing: 1px;
  731.     -webkit-box-shadow: inset 0 0 0 2px #fff;
  732.     -moz-box-shadow: inset 0 0 0 2px #fff;
  733.     box-shadow: inset 0 0 0 2px #fff;
  734. }
  735. form {
  736.     background: #d9534f;
  737.     margin-top: -2%;
  738.     width: 100%}
  739. label {
  740.     color: #fff;
  741. }
  742.  
  743. ::-webkit-input-placeholder {
  744.     color: #fff !important;
  745.     font-weight: 800;
  746.     text-transform: uppercase;
  747. }
  748. .form-control:-moz-placeholder {
  749.     color: #fff !important;
  750.     opacity: 1;
  751.     font-weight: 800;
  752.     text-transform: uppercase;
  753. }
  754. ::-moz-placeholder {
  755.     color: #fff !important;
  756.     opacity: 1;
  757.     font-weight: 800;
  758.     text-transform: uppercase;
  759. }
  760. :-ms-input-placeholder {
  761.     color: #fff !important;
  762.     font-weight: 800;
  763.     text-transform: uppercase;
  764. }
  765. :focus::-webkit-input-placeholder {
  766.     color: #333 !important;
  767.     font-weight: 800;
  768.     text-transform: uppercase;
  769. }
  770. .form-control:focus:-moz-placeholder {
  771.     color: #333 !important;
  772.     opacity: 1;
  773.     font-weight: 800;
  774.     text-transform: uppercase;
  775. }
  776. :focus::-moz-placeholder {
  777.     color: #333 !important;
  778.     opacity: 1;
  779.     font-weight: 800;
  780.     text-transform: uppercase;
  781. }
  782. :focus:-ms-input-placeholder {
  783.     color: #333 !important;
  784.     font-weight: 800;
  785.     text-transform: uppercase;
  786. }
  787. [type="text"] {
  788.     -webkit-appearance: textfield;
  789.     -moz-appearance: textfield;
  790.     appearance: textfield;
  791.     color: #333;
  792. }
  793. .container-form .checkbox {
  794.     margin-top: -15px;
  795. }
  796. .container-form .btn {
  797.     background-color: #222222;
  798.     border-color: #222222;
  799.     color: #ffffff;
  800.     border-radius: 0;
  801.     font-size: 18px;
  802.     line-height: 1.33;
  803.     padding: 10px 16px;
  804.     width: 100%;
  805.     box-shadow: inset 0 0 0 2px #fff;
  806. }
  807. .container-form .btn:hover, .container-form .btn:focus {
  808.     background: #ffffff;
  809.     border-color: #ededed;
  810.     box-shadow: inset 0 0 0 2px #222;
  811.     color: #222;
  812.     -webkit-transition: background .8s ease-in-out;
  813.     -moz-transition: background .8s ease-in-out;
  814.     -ms-transition: background .8s ease-in-out;
  815.     transition: background .8s ease-in-out;
  816. }
  817. */
  818. .form-control {
  819.     background-color: #090909 !important;
  820.     background-image: none;
  821.     border: none;
  822.     border-radius: 0;
  823.     box-shadow: 0 1px 1px rgba(0,  0,  0,  0.075) inset;
  824.     display: block;
  825.     font-size: 14px;
  826.     height: 34px;
  827.     line-height: 1.42857;
  828.     padding: 6px 12px;
  829.     transition: border-color 0.15s ease-in-out 0s,  box-shadow 0.15s ease-in-out 0s;
  830.     width: 100%;
  831.     color: #inherit !important;
  832.     -webkit-transition: all .8s ease-in-out;
  833.     -moz-transition: all .8s ease-in-out;
  834.     -ms-transition: all .8s ease-in-out;
  835.     transition: all .8s ease-in-out;
  836.     outline: none;
  837. }
  838.  
  839. .form-control:hover {
  840.     border-color: rgba(100,  00,  00,  0.50);
  841.     background-color: #222222 !important;
  842.     background-image: none;
  843.     color: #inherit !important;
  844.     color: #fff;
  845.     -webkit-box-shadow: 0 0 10px rgba(09,  09,  09,  0.8);
  846.     -moz-box-shadow: 0 0 10px rgba(09,  09,  09,  0.8);
  847.     box-shadow: 0 0 10px rgba(09,  09,  09,  0.8);
  848. }
  849. .form-control:focus {
  850.     border-color: rgba(22,  22,  22,  .75);
  851.     outline: 0;
  852.     outline: thin dotted 9;
  853.     background: #fff !important;
  854.     color: #333 !important;
  855.     -webkit-box-shadow: 0 0 8px rgba(22,  22,  22,  .6);
  856.     -moz-box-shadow: 0 0 8px rgba(22,  22,  22,  .6);
  857.     box-shadow: 0 0 8px rgba(22,  22,  22,  .6);
  858. }
  859.  
  860. .nocode{
  861.     font-weight:700;
  862.     color:#c7254e;
  863.   font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  864. }
  865.  
  866. pre, .nocode{
  867.   font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  868. }
  869.  
  870. .prettyprint  code > .atv,
  871. .prettyprint code > .atn,
  872. .prettyprint code > .pun {
  873.   background:#c7254e!important;
  874.   color:#fff!important;
  875. }
  876.  
  877. blockquote
  878. {
  879.     font-size: 80% !important;
  880.     page-break-inside: avoid;
  881.     border: 3px solid #fff;
  882.     width: 80%;
  883.      -webkit-box-shadow: inset 5px 0px 0px 0px #f60, 8px 8px 8px 2px #888;
  884.         -mox-box-shadow: inset 5px 0px 0px 0px #f60, 8px 8px 8px 2px #888;
  885.          -ms-box-shadow: inset 5px 0px 0px 0px #f60, 8px 8px 8px 2px #888;
  886.              box-shadow: inset 5px 0px 0px 0px #f60, 8px 8px 8px 2px #888;
  887.    
  888.     padding: 10px 20px;
  889.     margin: 0 0 20px;
  890.     font-size: 17.5px;
  891.     border-left: none;
  892. }
  893.  
  894. .updated{
  895.   display:block;
  896.   position:relative;
  897.   width:100%;
  898.   margin:0;
  899.   padding:.5%;
  900.   text-align:center;
  901.   background:#ededed;
  902.   color:#222222;
  903. }
  904.  
  905. ins{
  906.   background:#c9302c;
  907.   border-color:#ac2925;
  908. }
  909.  
  910. .addthis_recommended_vertical{
  911.   background:#c9302c;
  912.   border-color:#ac2925;
  913. }
  914.  
  915. .mega-dropdown {
  916.   position: static !important;
  917. }
  918. .mega-dropdown-menu {
  919.     padding: 20px 0px;
  920.     width: 100%;
  921.     box-shadow: none;
  922.     -webkit-box-shadow: none;
  923. }
  924. .mega-dropdown-menu > li > ul {
  925.   padding: 0;
  926.   margin: 0;
  927. }
  928. .mega-dropdown-menu > li > ul > li {
  929.   list-style: none;
  930. }
  931. .mega-dropdown-menu > li > ul > li > a {
  932.   display: block;
  933.   color: #222;
  934.   padding: 3px 5px;
  935. }
  936. .mega-dropdown-menu > li ul > li > a:hover,
  937. .mega-dropdown-menu > li ul > li > a:focus {
  938.   text-decoration: none;
  939. }
  940. .mega-dropdown-menu .dropdown-header {
  941.   font-size: 18px;
  942.   color: #ff3546;
  943.   padding: 5px 60px 5px 5px;
  944.   line-height: 30px;
  945. }
  946.  
  947. .carousel-control {
  948.   width: 30px;
  949.   height: 30px;
  950.   top: -35px;
  951.  
  952. }
  953. .left.carousel-control {
  954.   right: 30px;
  955.   left: inherit;
  956. }
  957. .carousel-control .glyphicon-chevron-left,
  958. .carousel-control .glyphicon-chevron-right {
  959.   font-size: 12px;
  960.   background-color: #fff;
  961.   line-height: 30px;
  962.   text-shadow: none;
  963.   color: #333;
  964.   border: 1px solid #ddd;
  965. }
  966.  
  967. /*
  968. Fade content bs-carousel with hero headers
  969. Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
  970. Image credits: unsplash.com
  971. */
  972.  
  973. /********************************/
  974. /*       Fade Bs-carousel       */
  975. /********************************/
  976. .fade-carousel {
  977.     position: relative;
  978.     height: 100vh;
  979. }
  980. .fade-carousel .carousel-inner .item {
  981.     height: 100vh;
  982. }
  983. .fade-carousel .carousel-indicators > li {
  984.     margin: 0 2px;
  985.     background-color: #f39c12;
  986.     border-color: #f39c12;
  987.     opacity: .7;
  988. }
  989. .fade-carousel .carousel-indicators > li.active {
  990.   width: 10px;
  991.   height: 10px;
  992.   opacity: 1;
  993. }
  994.  
  995. /********************************/
  996. /*          Hero Headers        */
  997. /********************************/
  998. .hero {
  999.     position: absolute;
  1000.     top: 50%;
  1001.     left: 50%;
  1002.     z-index: 3;
  1003.     color: #fff;
  1004.     text-align: center;
  1005.     text-transform: uppercase;
  1006.     text-shadow: 1px 1px 0 rgba(0,0,0,.75);
  1007.       -webkit-transform: translate3d(-50%,-50%,0);
  1008.          -moz-transform: translate3d(-50%,-50%,0);
  1009.           -ms-transform: translate3d(-50%,-50%,0);
  1010.            -o-transform: translate3d(-50%,-50%,0);
  1011.               transform: translate3d(-50%,-50%,0);
  1012. }
  1013. .hero h1 {
  1014.     font-size: 6em;    
  1015.     font-weight: bold;
  1016.     margin: 0;
  1017.     padding: 0;
  1018. }
  1019.  
  1020. .fade-carousel .carousel-inner .item .hero {
  1021.     opacity: 0;
  1022.     -webkit-transition: 2s all ease-in-out .1s;
  1023.        -moz-transition: 2s all ease-in-out .1s;
  1024.         -ms-transition: 2s all ease-in-out .1s;
  1025.          -o-transition: 2s all ease-in-out .1s;
  1026.             transition: 2s all ease-in-out .1s;
  1027. }
  1028. .fade-carousel .carousel-inner .item.active .hero {
  1029.     opacity: 1;
  1030.     -webkit-transition: 2s all ease-in-out .1s;
  1031.        -moz-transition: 2s all ease-in-out .1s;
  1032.         -ms-transition: 2s all ease-in-out .1s;
  1033.          -o-transition: 2s all ease-in-out .1s;
  1034.             transition: 2s all ease-in-out .1s;    
  1035. }
  1036.  
  1037. /********************************/
  1038. /*            Overlay           */
  1039. /********************************/
  1040. .overlay {
  1041.     position: absolute;
  1042.     width: 100%;
  1043.     height: 100%;
  1044.     z-index: 2;
  1045.     background-color: #080d15;
  1046.     opacity: .7;
  1047. }
  1048.  
  1049. /********************************/
  1050. /*          Custom Buttons      */
  1051. /********************************/
  1052. .btn.btn-lg {padding: 10px 40px;}
  1053. .btn.btn-hero,
  1054. .btn.btn-hero:hover,
  1055. .btn.btn-hero:focus {
  1056.     color: #f5f5f5;
  1057.     background-color: #1abc9c;
  1058.     border-color: #1abc9c;
  1059.     outline: none;
  1060.     margin: 20px auto;
  1061. }
  1062.  
  1063. /********************************/
  1064. /*       Slides backgrounds     */
  1065. /********************************/
  1066. .fade-carousel .slides .slide-1,
  1067. .fade-carousel .slides .slide-2,
  1068. .fade-carousel .slides .slide-3 {
  1069.   height: 100vh;
  1070.   background-size: cover;
  1071.   background-position: center center;
  1072.   background-repeat: no-repeat;
  1073. }
  1074. .fade-carousel .slides .slide-1 {
  1075.   background-image: url(https://media.istockphoto.com/photos/slice-of-pizza-cheese-crust-seafood-topping-sauce-with-bell-pepper-picture-id835271096?k=6&m=835271096&s=612x612&w=0&h=Q-Ue-Pchq7x9GanPLLJ8vEh6MTgoH3yZW1JXbuTUvDI=);
  1076. }
  1077. .fade-carousel .slides .slide-2 {
  1078.   background-image: url(https://ununsplash.imgix.net/photo-1416339684178-3a239570f315?q=75&fm=jpg&s=c39d9a3bf66d6566b9608a9f1f3765af);
  1079. }
  1080. .fade-carousel .slides .slide-3 {
  1081.   background-image: url(https://ununsplash.imgix.net/photo-1416339276121-ba1dfa199912?q=75&fm=jpg&s=9bf9f2ef5be5cb5eee5255e7765cb327);
  1082. }
  1083.  
  1084. /********************************/
  1085. /*          Media Queries       */
  1086. /********************************/
  1087. @media screen and (min-width: 980px){
  1088.     .hero { width: 980px; }    
  1089. }
  1090. @media screen and (max-width: 640px){
  1091.     .hero h1 { font-size: 4em; }    
  1092. }
  1093.  
  1094. /*******************************/
  1095. /*         Footer Queries      */
  1096. /*******************************/
  1097. footer,.footer {
  1098.   position: absolute;
  1099.   bottom: 0;
  1100.   width: 100%;
  1101.   background:#0c1a1e; min-height:350px; font-family: 'Open Sans', sans-serif;
  1102. }
  1103. .footerleft { margin-top:50px; padding:0 36px; }
  1104. .logofooter { margin-bottom:10px; font-size:25px; color:#fff; font-weight:700;}
  1105.  
  1106. .footerleft p { color:#fff; font-size:12px !important; font-family: 'Open Sans', sans-serif; margin-bottom:15px;}
  1107. .footerleft p i { width:20px; color:#999;}
  1108.  
  1109.  
  1110. .paddingtop-bottom {  margin-top:50px;}
  1111. .footer-ul { list-style-type:none;  padding-left:0px; margin-left:2px;}
  1112. .footer-ul li { line-height:29px; font-size:12px;}
  1113. .footer-ul li a { color:#a0a3a4; transition: color 0.2s linear 0s, background 0.2s linear 0s; }
  1114. .footer-ul i { margin-right:10px;}
  1115. .footer-ul li a:hover {transition: color 0.2s linear 0s, background 0.2s linear 0s; color:#ff670f; }
  1116.  
  1117. .social:hover {
  1118.      -webkit-transform: scale(1.1);
  1119.      -moz-transform: scale(1.1);
  1120.      -o-transform: scale(1.1);
  1121.  }
  1122.  
  1123.  .icon-ul { list-style-type:none !important; margin:0px; padding:0px;}
  1124.  .icon-ul li { line-height:75px; width:100%; float:left;}
  1125.  .icon { float:left; margin-right:5px;}
  1126.  
  1127.  
  1128.  .copyright { min-height:40px; background-color:#000000;}
  1129.  .copyright p { text-align:left; color:#FFF; padding:10px 0; margin-bottom:0px;}
  1130.  .heading7 { font-size:21px; font-weight:700; color:#d9d6d6; margin-bottom:22px;}
  1131.  .post p { font-size:12px; color:#FFF; line-height:20px;}
  1132.  .post p span { display:block; color:#8f8f8f;}
  1133.  .bottom_ul { list-style-type:none; float:right; margin-bottom:0px;}
  1134.  .bottom_ul li { float:left; line-height:40px;}
  1135.  .bottom_ul li:after { content:"/"; color:#FFF; margin-right:8px; margin-left:8px;}
  1136.  .bottom_ul li a { color:#FFF;  font-size:12px;}
  1137.  
  1138.  .navbar{
  1139.      border:none;
  1140.      border-radius: 0px;
  1141.  }
  1142.  
  1143.  .navbar-footer{
  1144.      margin-bottom:0px !important;
  1145.      position: static;
  1146.      bottom: 0px;
  1147.  }
  1148.  
  1149.  .navbar-footer:after{
  1150.      content:"";
  1151.      margin:0px auto;
  1152.      padding:0px;
  1153.  }
  1154.  </style>
  1155.  
  1156. <script type="text/javascript">
  1157.  
  1158.  /*!
  1159.     * Sidebar.js - Bootstrap Sidebar Hover Event toggle attribute
  1160.     * onHover
  1161.    
  1162.   * Version: v3.1.4
  1163.  
  1164.   * LGPL v3 LICENSE INFO
  1165.   * This file is part of a Sidebar Bootstrap Element. Copyright
  1166.   * 2015 Soldier-up Designs - Website Development Company.
  1167.  
  1168.   * sidebar.js is a free software: you can redistribute it and/or modify
  1169.   * it under the terms of the GNU Lesser General Public License as published by
  1170.   * the Free Software Foundation, either version 3 of the License, or
  1171.   * (at your option) any later version.
  1172.  
  1173.   * sidebar.js is distributed as a free tool that can help you
  1174.   * add a few extra dynamics to your Web Design code. However,
  1175.   * this code and any associated code "IS" "WITHOUT ANY WARRANTY";
  1176.   * without even the implied warranty of "MERCHANTABILITY" or
  1177.   * "FITNESS FOR A PARTICULAR PURPOSE".  See the GNU Lesser
  1178.   * General Public License for more details.
  1179. */
  1180.  
  1181. /*!
  1182.   ======================= Notes ===============================
  1183.   * Used to close Sidebar on jQuery Element "Mouseleave" Event
  1184.   * This was a pain in the Ass to create
  1185.   * and to not break the rest of the jQuery
  1186.   * and Bootstrap API Script ()Did that once or twice in
  1187.   - Development)
  1188.   ========== END Crude Vocabulary (...and notes) ==============
  1189. */
  1190.  
  1191. /*!
  1192.   ================= ^ Ranting Stops Here ^ ====================
  1193.   ==================== Code Starts Below ======================
  1194. */
  1195.  
  1196. // Open the Sidebar-wrapper on Hover
  1197. /* $("#menu-toggle").hover(function(e)              //declare the element event ...'(e)' = event (shorthand)
  1198. {
  1199.   $("#sidebar-wrapper").toggleClass("active",true);   //instead on click event toggle active CSS element
  1200.   e.preventDefault();                   //prevent the default action ("Do not remove as the code
  1201. });
  1202.  
  1203. $("#menu-toggle").bind('click',function(e)              //declare the element event ...'(e)' = event (shorthand)
  1204. {
  1205.   $("#sidebar-wrapper").toggleClass("active",true);   //instead on click event toggle active CSS element
  1206.   e.preventDefault();                   //prevent the default action ("Do not remove as the code
  1207. });                           //Close 'function()'
  1208.  
  1209. $('#sidebar-wrapper').mouseleave(function(e)        //declare the jQuery: mouseleave() event
  1210.                               // - see: ('//api.jquery.com/mouseleave/' for details)
  1211. {
  1212.   /*! .toggleClass( className, state ) */
  1213.   /* $('#sidebar-wrapper').toggleClass('active',false); *//* toggleClass: Add or remove one or more classes from each element
  1214.                               in the set of matched elements, depending on either the class's
  1215.                               presence or the value of the state argument */
  1216.   /*e.stopPropagation();*/                //Prevents the event from bubbling up the DOM tree
  1217.                               // - see: ('//api.jquery.com/event.stopPropagation/' for details)
  1218.                              
  1219.   /*e.preventDefault();                   // Prevent the default action of the event will not be triggered
  1220.                               // - see: ('//api.jquery.com/event.preventDefault/' for details)
  1221. }); */
  1222. /*!
  1223.  
  1224.  
  1225. Simply:
  1226.  
  1227.   a[href*=#]
  1228.  
  1229.     * get all anchors (a) that contains # in href but with:
  1230.  
  1231.   :not([href=#])
  1232.  
  1233.     * exclude anchors with href exaclty equals to #
  1234.  
  1235. example:
  1236.  
  1237.   <a href="#step1">yes</a>
  1238.   <a href="page.php#step2">yes</a>
  1239.   <a href="#">no</a>
  1240.  
  1241.     * the selectors get first two anchor but it exclude the last
  1242.     source: http://stackoverflow.com/questions/20947529/what-does-ahref-nothref-code-mean
  1243.  
  1244. */
  1245.  
  1246. $(document).ready(function()
  1247. {
  1248.     /* smooth scrolling for scroll to top */
  1249.   $('#to-top').bind('click', function()
  1250.   {
  1251.     $('body,html').animate({
  1252.       scrollTop: 0},
  1253.       2500);
  1254.   });
  1255.  
  1256.   //Easing Scroll replace Anchor name in URL and Offset Position
  1257.   $(function(){
  1258.     $('a[href*=#]:not([href=#])').click(function()
  1259.     {
  1260.       if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
  1261.  
  1262.         var target = $(this.hash);
  1263.         target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
  1264.         if (target.length) {
  1265.           $('html,body').animate({
  1266.             scrollTop: target.offset().top -420
  1267.           }, 3500, 'easeOutBounce');
  1268.           return false;
  1269.         }
  1270.       }
  1271.     });
  1272.   });
  1273. });
  1274. $(document).ready(function(){
  1275.     $(".dropdown").hover(            
  1276.         function() {
  1277.             $('.dropdown-menu', this).not('.in .dropdown-menu').stop(true,true).slideDown("400");
  1278.             $(this).toggleClass('open');        
  1279.         },
  1280.         function() {
  1281.             $('.dropdown-menu', this).not('.in .dropdown-menu').stop(true,true).slideUp("400");
  1282.             $(this).toggleClass('open');      
  1283.         }
  1284.     );
  1285. });
  1286.  
  1287. /*!
  1288.     * Sidebar.js - Bootstrap Sidebar Hover Event toggle attribute
  1289.   * onHover
  1290.  
  1291.   * Version: v2.5.8
  1292.  
  1293.   * LGPL v3 LICENSE INFO
  1294.   * This file is part of a Sidebar Bootstrap Element. Copyright
  1295.   * 2015 Soldier-up Designs - Website Development Company.
  1296.  
  1297.   * sidebar.js is a free software: you can redistribute it and/or modify
  1298.   * it under the terms of the GNU Lesser General Public License as published by
  1299.   * the Free Software Foundation, either version 3 of the License, or
  1300.   * (at your option) any later version.
  1301.  
  1302.   * sidebar.js is distributed as a free tool that can help you
  1303.   * add a few extra dynamics to your Web Design code. However,
  1304.   * this code and any associated code "IS" "WITHOUT ANY WARRANTY";
  1305.   * without even the implied warranty of "MERCHANTABILITY" or
  1306.   * "FITNESS FOR A PARTICULAR PURPOSE".  See the GNU Lesser
  1307.   * General Public License for more details.
  1308. */
  1309.  
  1310. /*!
  1311.   ======================= Notes ===============================
  1312.   * Used to close Sidebar on jQuery Element "Mouseleave" Event
  1313.   * This was a pain in the Ass to create
  1314.   * and to not break the rest of the jQuery
  1315.   * and Bootstrap API Script ()Did that once or twice in
  1316.   - Development)
  1317.   ========== END Crude Vocabulary (...and notes) ==============
  1318. */
  1319.  
  1320. /*!
  1321.   ================= ^ Ranting Stops Here ^ ====================
  1322.   ==================== Code Starts Below ======================
  1323. */
  1324.  
  1325. $(document).ready(function()
  1326. {
  1327.  
  1328.   // Closes the sidebar menu on menu-close button click event
  1329.   $("#menu-close").click(function(e)              //declare the element event ...'(e)' = event (shorthand)
  1330.   {
  1331.                                 // - will not work otherwise")
  1332.     $("#sidebar-wrapper").toggleClass("active");      //instead on click event toggle active CSS element
  1333.     e.preventDefault();                   //prevent the default action ("Do not remove as the code
  1334.    
  1335.     /*!
  1336.     ======================= Notes ===============================
  1337.     * see: .sidebar-wrapper.active in: style.css
  1338.     ==================== END Notes ==============================
  1339.     */
  1340.   });                             //Close 'function()'
  1341.  
  1342.   // Open the Sidebar-wrapper on Hover
  1343.   $("#menu-toggle").hover(function(e)             //declare the element event ...'(e)' = event (shorthand)
  1344.   {
  1345.     $("#sidebar-wrapper").toggleClass("active",true);   //instead on click event toggle active CSS element
  1346.     e.preventDefault();                   //prevent the default action ("Do not remove as the code
  1347.   });
  1348.  
  1349.   $("#menu-toggle").bind('click',function(e)          //declare the element event ...'(e)' = event (shorthand)
  1350.   {
  1351.     $("#sidebar-wrapper").toggleClass("active",true);   //instead on click event toggle active CSS element
  1352.     e.preventDefault();                   //prevent the default action ("Do not remove as the code
  1353.   });                             //Close 'function()'
  1354.  
  1355.   $('#sidebar-wrapper').mouseleave(function(e)        //declare the jQuery: mouseleave() event
  1356.                                 // - see: ('//api.jquery.com/mouseleave/' for details)
  1357.   {
  1358.     /*! .toggleClass( className, state ) */
  1359.     $('#sidebar-wrapper').toggleClass('active',false);    /* toggleClass: Add or remove one or more classes from each element
  1360.                                 in the set of matched elements, depending on either the class's
  1361.                                 presence or the value of the state argument */
  1362.     e.stopPropagation();                  //Prevents the event from bubbling up the DOM tree
  1363.                                 // - see: ('//api.jquery.com/event.stopPropagation/' for details)
  1364.                                
  1365.     e.preventDefault();                   // Prevent the default action of the event will not be triggered
  1366.                                 // - see: ('//api.jquery.com/event.preventDefault/' for details)
  1367.   });
  1368. });
  1369. // Closes the sidebar menu on menu-close button click event
  1370. $("#menu-close").click(function(e)              //declare the element event ...'(e)' = event (shorthand)
  1371. {
  1372.                               // - will not work otherwise")
  1373.   $("#sidebar-wrapper").toggleClass("active");      //instead on click event toggle active CSS element
  1374.   e.preventDefault();                   //prevent the default action ("Do not remove as the code
  1375.  
  1376.   /*!
  1377.   ======================= Notes ===============================
  1378.   * see: .sidebar-wrapper.active in: style.css
  1379.   ==================== END Notes ==============================
  1380.   */
  1381. });                             //Close 'function()'
  1382.  
  1383. </script>
  1384.  </head>
  1385.  <?php
  1386.  
  1387.  
  1388.  if(!strcmp($idm -> getRole(), "user")){?>
  1389.  
  1390.  <body id="page-top" name="page-top" class="active">
  1391.     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
  1392.       <nav class="navbar navbar-inverse navbar-fixed-top">
  1393.       <div class="container-fluid">
  1394.  
  1395.         <div class="navbar-header">
  1396.           <a class="nav-btn btn-dark btn-lg accordion-toggle pull-left" title="Follow Us" role="tab" id="social-collapse" data-toggle="collapse" data-parent="#accordion" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"></a>
  1397.           <a id="menu-toggle" href="#" class="nav-btn btn-dark btn-lg toggle">
  1398.             <i class="fa fa-bars" style="color:#fff;"></i>
  1399.           </a>
  1400.           <a id="to-top" class="btn btn-lg btn-inverse" href="#top">
  1401.             <span class="sr-only">Toggle to Top Navigation</span>
  1402.             <i class="fa fa-chevron-up"></i>
  1403.           </a>
  1404.         </div>
  1405.         <!-- Collect the nav links, forms, and other content for toggling -->
  1406.                 <div class="collapse navbar-collapse js-navbar-collapse">
  1407.                     <ul class="nav navbar-nav navbar-left">
  1408.                       <a class="navbar-brand" href="#">
  1409.                             <img height="20" width="20" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQkKkyldVMQgodppmjiucmWfRYoLVA25LYD2I4-p51VZ6OEiMuaTg" class="img-responsive pull-left" alt="Responsive image">
  1410.                            Bootstrap Custom Navbar</a>
  1411.                       <li class="dropdown mega-dropdown">
  1412.                        <!-- <a href="#" class="dropdown-toggle" data-toggle="dropdown">Men <span class="caret"></span></a>        
  1413.                         <ul class="dropdown-menu mega-dropdown-menu">
  1414.                           <li class="col-sm-3">
  1415.                             <ul>
  1416.                               <li class="dropdown-header">Men Collection</li>                            
  1417.                                             <div id="menCollection" class="carousel slide" data-ride="carousel">
  1418.                                               <div class="carousel-inner">
  1419.                                                 <div class="item active">
  1420.                                                     <a href="#"><img src="http://placehold.it/254x150/ff3546/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 1"></a>
  1421.                                                     <h4><small>Summer dress floral prints</small></h4>                                        
  1422.                                                     <button class="btn btn-primary" type="button">49,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button>      
  1423.                                              
  1424.                                                 <div class="item">
  1425.                                                     <a href="#"><img src="http://placehold.it/254x150/3498db/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 2"></a>
  1426.                                                     <h4><small>Gold sandals with shiny touch</small></h4>                                        
  1427.                                                     <button class="btn btn-primary" type="button">9,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button>        
  1428.                                              
  1429.                                                 <div class="item">
  1430.                                                     <a href="#"><img src="http://placehold.it/254x150/2ecc71/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 3"></a>
  1431.                                                     <h4><small>Denin jacket stamped</small></h4>                                        
  1432.                                                     <button class="btn btn-primary" type="button">49,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button>      
  1433.                                              
  1434.                                               <a class="left carousel-control" href="#menCollection" role="button" data-slide="prev">
  1435.                                                 <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
  1436.                                                 <span class="sr-only">Previous</span>
  1437.                                               </a>
  1438.                                               <a class="right carousel-control" href="#menCollection" role="button" data-slide="next">
  1439.                                                 <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  1440.                                                 <span class="sr-only">Next</span>
  1441.                                               </a>
  1442.                                            
  1443.                                             <li class="divider"></li>
  1444.                                             <li><a href="#">View all Collection <span class="glyphicon glyphicon-chevron-right pull-right"></span></a></li>
  1445.                             </ul>
  1446.                           </li>
  1447.                           <li class="col-sm-3">
  1448.                             <ul>
  1449.                               <li class="dropdown-header">Features</li>
  1450.                               <li><a href="#">Auto Carousel</a></li>
  1451.                                             <li><a href="#">Carousel Control</a></li>
  1452.                                             <li><a href="#">Left & Right Navigation</a></li>
  1453.                               <li><a href="#">Four Columns Grid</a></li>
  1454.                               <li class="divider"></li>
  1455.                               <li class="dropdown-header">Fonts</li>
  1456.                                             <li><a href="#">Glyphicon</a></li>
  1457.                               <li><a href="#">Google Fonts</a></li>
  1458.                             </ul>
  1459.                           </li>
  1460.                           <li class="col-sm-3">
  1461.                             <ul>
  1462.                               <li class="dropdown-header">Plus</li>
  1463.                               <li><a href="#">Navbar Inverse</a></li>
  1464.                               <li><a href="#">Pull Right Elements</a></li>
  1465.                               <li><a href="#">Coloured Headers</a></li>                            
  1466.                               <li><a href="#">Primary Buttons & Default</a></li>              
  1467.                             </ul>
  1468.                           </li>
  1469.                           <li class="col-sm-3">
  1470.                             <ul>
  1471.                               <li class="dropdown-header">Much more</li>
  1472.                                             <li><a href="#">Easy to Customize</a></li>
  1473.                               <li><a href="#">Calls to action</a></li>
  1474.                               <li><a href="#">Custom Fonts</a></li>
  1475.                               <li><a href="#">Slide down on Hover</a></li>                        
  1476.                             </ul>
  1477.                           </li>
  1478.                         </ul>      
  1479.                      </li>-->
  1480.                             <li class="dropdown mega-dropdown">
  1481.                           <a href="#" class="dropdown-toggle" data-toggle="dropdown">Women <span class="caret"></span></a>        
  1482.                         <ul class="dropdown-menu mega-dropdown-menu">
  1483.                           <li class="col-sm-3">
  1484.                               <ul>
  1485.                               <li class="dropdown-header">Features</li>
  1486.                               <li><a href="#">Auto Carousel</a></li>
  1487.                                             <li><a href="#">Carousel Control</a></li>
  1488.                                             <li><a href="#">Left & Right Navigation</a></li>
  1489.                               <li><a href="#">Four Columns Grid</a></li>
  1490.                               <li class="divider"></li>
  1491.                               <li class="dropdown-header">Fonts</li>
  1492.                                             <li><a href="#">Glyphicon</a></li>
  1493.                               <li><a href="#">Google Fonts</a></li>
  1494.                             </ul>
  1495.                           </li>
  1496.                           <li class="col-sm-3">
  1497.                             <ul>
  1498.                               <li class="dropdown-header">Plus</li>
  1499.                               <li><a href="#">Navbar Inverse</a></li>
  1500.                               <li><a href="#">Pull Right Elements</a></li>
  1501.                               <li><a href="#">Coloured Headers</a></li>                            
  1502.                               <li><a href="#">Primary Buttons & Default</a></li>              
  1503.                             </ul>
  1504.                           </li>
  1505.                           <li class="col-sm-3">
  1506.                             <ul>
  1507.                               <li class="dropdown-header">Much more</li>
  1508.                                             <li><a href="#">Easy to Customize</a></li>
  1509.                               <li><a href="#">Calls to action</a></li>
  1510.                               <li><a href="#">Custom Fonts</a></li>
  1511.                               <li><a href="#">Slide down on Hover</a></li>                        
  1512.                             </ul>
  1513.                           </li>
  1514.                                     <li class="col-sm-3">
  1515.                               <ul>
  1516.                               <li class="dropdown-header">Women Collection</li>                            
  1517.                                             <div id="womenCollection" class="carousel slide" data-ride="carousel">
  1518.                                               <div class="carousel-inner">
  1519.                                                 <div class="item active">
  1520.                                                     <a href="#"><img src="http://placehold.it/254x150/3498db/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 1"></a>
  1521.                                                     <h4><small>Summer dress floral prints</small></h4>                                        
  1522.                                                     <button class="btn btn-primary" type="button">49,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button>      
  1523.                                                 </div><!-- End Item -->
  1524.                                                 <div class="item">
  1525.                                                     <a href="#"><img src="http://placehold.it/254x150/ff3546/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 2"></a>
  1526.                                                     <h4><small>Gold sandals with shiny touch</small></h4>                                        
  1527.                                                     <button class="btn btn-primary" type="button">9,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button>        
  1528.                                                 </div><!-- End Item -->
  1529.                                                 <div class="item">
  1530.                                                     <a href="#"><img src="http://placehold.it/254x150/2ecc71/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 3"></a>
  1531.                                                     <h4><small>Denin jacket stamped</small></h4>                                        
  1532.                                                     <button class="btn btn-primary" type="button">49,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button>      
  1533.                                                 </div><!-- End Item -->                                
  1534.                                               </div><!-- End Carousel Inner -->
  1535.                                               <!-- Controls -->
  1536.                                               <a class="left carousel-control" href="#womenCollection" role="button" data-slide="prev">
  1537.                                                 <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
  1538.                                                 <span class="sr-only">Previous</span>
  1539.                                               </a>
  1540.                                               <a class="right carousel-control" href="#womenCollection" role="button" data-slide="next">
  1541.                                                 <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  1542.                                                 <span class="sr-only">Next</span>
  1543.                                               </a>
  1544.                                             </div><!-- /.carousel -->
  1545.                                             <li class="divider"></li>
  1546.                                             <li><a href="#">View all Collection <span class="glyphicon glyphicon-chevron-right pull-right"></span></a></li>
  1547.                             </ul>
  1548.                           </li>
  1549.                         </ul>      
  1550.                       </li>
  1551.                             <li><a href="#">Store locator</a></li>
  1552.                     </ul>
  1553.                         <ul class="nav navbar-nav navbar-right">
  1554.                         <li class="dropdown">
  1555.                           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">My account <span class="caret"></span></a>
  1556.                           <ul class="dropdown-menu" role="menu">
  1557.                             <li><a href="#">Action</a></li>
  1558.                             <li><a href="#">Another action</a></li>
  1559.                             <li><a href="#">Something else here</a></li>
  1560.                             <li class="divider"></li>
  1561.                             <li><a href="#">Separated link</a></li>
  1562.                           </ul>
  1563.                         </li>
  1564.                         <li><a href="#">My cart (0) items</a></li>
  1565.                       </ul>
  1566.                   </div><!-- /.nav-collapse -->
  1567.       </div><!-- /.container-fluid -->
  1568.     </nav>
  1569.     <nav id="sidebar-wrapper">
  1570.       <ul class="sidebar-nav">
  1571.         <a id="menu-close" href="#" class="btn btn-danger pull-right hidden-md hidden-lg toggle"><i class="fa fa-times"></i></a>
  1572.         <li class="sidebar-brand">
  1573.           <a href="#top">Soldier-up <strong>Designs</strong></a>
  1574.         </li>
  1575.         <li>
  1576.           <a href="Administrateur.php" title="Go to Top">Home</a>
  1577.         </li>
  1578.         <li>
  1579.           <a href="/about" title="Go to About Us section">About</a>
  1580.         </li>
  1581.         <li>
  1582.           <a href="/resume" title="Navigate to Jonathan Adcox IT Resume">Resume</a>
  1583.         </li>
  1584.         <li>
  1585.           <a href="<?= $pathFor['logout'] ?>" title="Navigate to 'Our Services' section">LOG-OUT</a>
  1586.         </li>
  1587.         <!-- Future Development
  1588.         <li>
  1589.           <a href="#portfolio">Portfolio</a>
  1590.         </li> -->
  1591.         <li>
  1592.           <a href="/blog" title="Our Blog">Blog</a>
  1593.         </li>
  1594.         <li>
  1595.           <a data-toggle="modal" data-href="#loginModal" data-target="#loginModal" style="cursor:pointer;"> Hosting</a>
  1596.         </li>
  1597.       </ul>
  1598.     </nav>
  1599.     <div class="container">
  1600.       <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModal" aria-hidden="true">
  1601.         <div class="modal-dialog modal-default">
  1602.           <div class="modal-content">
  1603.             <div class="modal-header">
  1604.               <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  1605.               <h3>Login to Hosting Portal - Control Panel</h3>
  1606.             </div>
  1607.             <div class="modal-body">
  1608.               <article class="container-form center-block">
  1609.                 <!-- Form Content HERE! -->
  1610.                 <form method="post" accept-charset="utf-8" autocomplete="off" role="form" class="form-horizontal" action="https://secure.yourwebhosting.com/secureLogin" enctype="application/x-www-form-urlencoded">
  1611.                   <fieldset>
  1612.                     <input type='hidden' name='__token_timestamp__' value='1426572610'>
  1613.                     <input type='hidden' name='__token_val__' value='4d96cad055fac46518825357fcb49390'>
  1614.                     <input type="hidden" name="destination" value="http://www.yourwebhosting.com/controlpanel/index.bml">
  1615.                     <!-- Name input-->
  1616.                     <div class="form-group">
  1617.                       <label class="sr-only" for="credential_0">Username: </label>
  1618.                       <div class="col-xs-12">
  1619.                         <input id="credential_0" name="credential_0" type="text" placeholder="Your Username" class="form-control">
  1620.                       </div>
  1621.                     </div>
  1622.                     <!-- Email input-->
  1623.                     <div class="form-group">
  1624.                       <label class="sr-only" for="credential_1">Password: </label>
  1625.                       <div class="col-xs-12">
  1626.                         <input id="email" type="password" name="credential_1" value="" placeholder="Your Password" class="form-control">
  1627.                       </div>
  1628.                     </div>
  1629.                     <!-- Form actions -->
  1630.                     <div class="form-group pull-right">
  1631.                       <div class="col-md-12 text-right">
  1632.                         <button type="submit" name="submit" value="Sign In" class="btn btn-lg">Submit</button>
  1633.                       </div>
  1634.                     </div>
  1635.                   </fieldset>
  1636.                 </form>
  1637.               </article>
  1638.             </div>
  1639.             <div class="modal-footer">
  1640.               Login Problems?
  1641.               <button type="submit" class="btn btn-dark" data-dismiss="modal" data-href="#collapseTwo" data-toggle="collapse" data-target="#collapseTwo" style="cursor:pointer;">Contact Me</button>
  1642.             </div>
  1643.           </div>
  1644.         </div>
  1645.       </div>
  1646.     </div>
  1647.     <aside id="accordion" class="social text-vertical-center">
  1648.       <div class="accordion-social">
  1649.         <ul class="panel-collapse collapse in nav nav-stacked" role="tabpanel" aria-labelledby="social-collapse" id="collapseOne">
  1650.           <li><a href="https://www.facebook.com/soldierupdesigns" target="_blank"><i class="fa fa-lg fa-facebook"></i></a></li>
  1651.           <li><a href="https://twitter.com/soldierupdesign" target="_blank"><i class="fa fa-lg fa-twitter"></i></a></li>
  1652.           <li><a href="https://www.plus.google.com/+soldierupdesigns" target="_blank"><i class="fa fa-lg fa-google-plus"></i></a></li>
  1653.           <li><a href="https://github.com/blayderunner123" target="_blank"><i class="fa fa-lg fa-github"></i></a></li>
  1654.           <li><a href="https://linkedin.com/in/blayderunner123" target="_blank"><i class="fa fa-lg fa-linkedin"></i></a></li>
  1655.           <li><a href="skype:live:soldierupdesigns?call"><i class="fa fa-lg fa-skype" target="_blank"></i></a></li>
  1656.           <li><a href="http://stackexchange.com/users/4992378/blayderunner123" target="_blank"><i class="fa fa-lg fa-stack-exchange"></i></a></li>
  1657.         </ul>
  1658.       </div>
  1659.     </aside>
  1660.        
  1661.     <div class="masthead">
  1662.             <div class="carousel fade-carousel slide" data-ride="carousel" data-interval="4000" id="bs-carousel">
  1663.  
  1664.  
  1665.                 <!-- Indicators -->
  1666.                 <ol class="carousel-indicators">
  1667.                     <li data-target="#bs-carousel" data-slide-to="0" class="active"></li>
  1668.                     <li data-target="#bs-carousel" data-slide-to="1"></li>
  1669.                     <li data-target="#bs-carousel" data-slide-to="2"></li>
  1670.                 </ol>
  1671.      
  1672.                 <!-- Wrapper for slides -->
  1673.                 <div class="carousel-inner">
  1674.                     <div class="item slides active">
  1675.                         <div class="slide-1"></div>
  1676.                             <div class="hero">
  1677.                                 <hgroup>
  1678.                                     <h1>We are creative</h1>        
  1679.                                     <h3>Get start your next awesome project</h3>
  1680.                                 </hgroup>
  1681.                             <button class="btn btn-hero btn-lg" role="button">See all features</button>
  1682.                         </div>
  1683.                     </div>
  1684.                     <div class="item slides">
  1685.                         <div class="slide-2"></div>
  1686.                             <div class="hero">        
  1687.                                 <hgroup>
  1688.                                     <h1>We are smart</h1>        
  1689.                                     <h3>Get start your next awesome project</h3>
  1690.                                 </hgroup>      
  1691.                                 <button class="btn btn-hero btn-lg" role="button">See all features</button>
  1692.                             </div>
  1693.                         </div>
  1694.                         <div class="item slides">
  1695.                             <div class="slide-3"></div>
  1696.                                 <div class="hero">        
  1697.                                     <hgroup>
  1698.                                         <h1>We are amazing</h1>        
  1699.                                         <h3>Get start your next awesome project</h3>
  1700.                                     </hgroup>
  1701.                                     <button class="btn btn-hero btn-lg" role="button">See all features</button>
  1702.                                 </div>
  1703.                             </div>
  1704.                         </div>
  1705.                     </div>
  1706.             </div>
  1707.             </div>
  1708.         </div>
  1709.        
  1710.         <script>
  1711.         $(document).ready(function(){
  1712.         $("[rel='tooltip']").tooltip();
  1713.       });
  1714.     </script>
  1715.    
  1716. </body>
  1717. <?php }
  1718.  
  1719.  else if(!strcmp($idm -> getRole(), "admin")){
  1720.  
  1721. ?>
  1722.  <body id="page-top" name="page-top" class="active">
  1723.     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
  1724.  
  1725.       <nav class="navbar navbar-inverse navbar-fixed-top">
  1726.      <div class="container-fluid">
  1727.  
  1728.         <div class="navbar-header">
  1729.           <a class="nav-btn btn-dark btn-lg accordion-toggle pull-left" title="Follow Us" role="tab" id="social-collapse" data-toggle="collapse" data-parent="#accordion" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"></a>
  1730.           <a id="menu-toggle" href="#" class="nav-btn btn-dark btn-lg toggle">
  1731.             <i class="fa fa-bars" style="color:#fff;"></i>
  1732.           </a>
  1733.           <a id="to-top" class="btn btn-lg btn-inverse" href="#top">
  1734.             <span class="sr-only">Toggle to Top Navigation</span>
  1735.             <i class="fa fa-chevron-up"></i>
  1736.           </a>
  1737.         </div>
  1738.  
  1739.                 <div class="collapse navbar-collapse js-navbar-collapse">
  1740.                     <ul class="nav navbar-nav navbar-left">
  1741.                       <a class="navbar-brand" href="#">
  1742.                             <img height="20" width="20" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQkKkyldVMQgodppmjiucmWfRYoLVA25LYD2I4-p51VZ6OEiMuaTg" class="img-responsive pull-left" alt="Responsive image">
  1743.                            Astral Pizza</a>
  1744.                       <!--<li class="dropdown mega-dropdown">
  1745.                         <a href="#" class="dropdown-toggle" data-toggle="dropdown">Men <span class="caret"></span></a>        
  1746.                         <ul class="dropdown-menu mega-dropdown-menu">
  1747.                           <li class="col-sm-3">
  1748.                             <ul>
  1749.                              <li class="dropdown-header">Men Collection</li>                            
  1750.                                             <div id="menCollection" class="carousel slide" data-ride="carousel">
  1751.                                               <div class="carousel-inner">
  1752.                                                 <div class="item active">
  1753.                                                     <a href="#"><img src="http://placehold.it/254x150/ff3546/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 1"></a>
  1754.                                                     <h4><small>Summer dress floral prints</small></h4>                                        
  1755.                                                     <button class="btn btn-primary" type="button">49,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button>      
  1756.                                                 </div>
  1757.                                                 <div class="item">
  1758.                                                     <a href="#"><img src="http://placehold.it/254x150/3498db/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 2"></a>
  1759.                                                     <h4><small>Gold sandals with shiny touch</small></h4>                                        
  1760.                                                     <button class="btn btn-primary" type="button">9,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button>        
  1761.                                                 </div>
  1762.                                                 <div class="item">
  1763.                                                     <a href="#"><img src="http://placehold.it/254x150/2ecc71/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 3"></a>
  1764.                                                     <h4><small>Denin jacket stamped</small></h4>                                        
  1765.                                                     <button class="btn btn-primary" type="button">49,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button>      
  1766.                                                 </div>                            
  1767.                                               </div>
  1768.                                              
  1769.                                               <a class="left carousel-control" href="#menCollection" role="button" data-slide="prev">
  1770.                                                 <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
  1771.                                                 <span class="sr-only">Previous</span>
  1772.                                               </a>
  1773.                                               <a class="right carousel-control" href="#menCollection" role="button" data-slide="next">
  1774.                                                 <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  1775.                                                 <span class="sr-only">Next</span>
  1776.                                               </a>
  1777.                                             </div>
  1778.                                             <li class="divider"></li>
  1779.                                             <li><a href="#">View all Collection <span class="glyphicon glyphicon-chevron-right pull-right"></span></a></li>
  1780.                             </ul>
  1781.                           </li>
  1782.                           <li class="col-sm-3">
  1783.                             <ul>
  1784.                               <li class="dropdown-header">Features</li>
  1785.                               <li><a href="#">Auto Carousel</a></li>
  1786.                                             <li><a href="#">Carousel Control</a></li>
  1787.                                             <li><a href="#">Left & Right Navigation</a></li>
  1788.                               <li><a href="#">Four Columns Grid</a></li>
  1789.                               <li class="divider"></li>
  1790.                               <li class="dropdown-header">Fonts</li>
  1791.                                             <li><a href="#">Glyphicon</a></li>
  1792.                               <li><a href="#">Google Fonts</a></li>
  1793.                             </ul>
  1794.                           </li>
  1795.                           <li class="col-sm-3">
  1796.                             <ul>
  1797.                               <li class="dropdown-header">Plus</li>
  1798.                               <li><a href="#">Navbar Inverse</a></li>
  1799.                               <li><a href="#">Pull Right Elements</a></li>
  1800.                               <li><a href="#">Coloured Headers</a></li>                            
  1801.                               <li><a href="#">Primary Buttons & Default</a></li>              
  1802.                             </ul>
  1803.                           </li>
  1804.                           <li class="col-sm-3">
  1805.                             <ul>
  1806.                               <li class="dropdown-header">Much more</li>
  1807.                                             <li><a href="#">Easy to Customize</a></li>
  1808.                               <li><a href="#">Calls to action</a></li>
  1809.                               <li><a href="#">Custom Fonts</a></li>
  1810.                               <li><a href="#">Slide down on Hover</a></li>                        
  1811.                             </ul>
  1812.                           </li>
  1813.                         </ul>      
  1814.                       </li>-->
  1815.                             <li class="dropdown mega-dropdown">
  1816.                           <a href="#" class="dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></a>        
  1817.                         <ul class="dropdown-menu mega-dropdown-menu">
  1818.                           <li class="col-sm-3">
  1819.                               <ul>
  1820.                               <li class="dropdown-header">Pizza</li>
  1821.                               <li><a href="Liste_de_Pizza_Admin.php">List of the Pizza</a></li>
  1822.                                             <li><a href="Ajout_Pizza.php">ADD a Pizza</a></li>
  1823.                                             <li><a href="Supp_Pizza.php">Delete Pizza</a></li>
  1824.                                               <li><a href="Modif_Pizza.php">Modify Pizza</a></li>
  1825.  
  1826.                               <li class="divider"></li>
  1827.                               <li class="dropdown-header">Orders</li>
  1828.                                           <li><a href="Liste_de_commandes_Admin.php">List of the Orders</a></li>
  1829.                                           <li><a href="Modif_Statut.php">Modify Statut_Order</a></li>
  1830.  
  1831.                             </ul>
  1832.                           </li>
  1833.                           <li class="col-sm-3">
  1834.                             <ul>
  1835.                               <li class="dropdown-header">Extra Charge</li>
  1836.                               <li><a href="Supplm_Pizza.php">List of Extra Charge</a></li>
  1837.                               <li><a href="Ajouter_Supplement.php">ADD Extra Charge</a></li>
  1838.                               <li><a href="Modif_Supplement.php">Modify Extra Charge</a></li>
  1839.                               <li><a href="Supp_Supplm.php">Delete Extra Charge</a></li>                            
  1840.                                        
  1841.                             </ul>
  1842.                           </li>
  1843.                           <li class="col-sm-3">
  1844.                             <ul>
  1845.                             <!--  <li class="dropdown-header">Much more</li>
  1846.                                             <li><a href="#">Easy to Customize</a></li>
  1847.                               <li><a href="#">Calls to action</a></li>
  1848.                               <li><a href="#">Custom Fonts</a></li>
  1849.                               <li><a href="#">Slide down on Hover</a></li>                        
  1850.                             </ul>
  1851.                           </li>
  1852.                                  <li class="col-sm-3">
  1853.                               <ul>
  1854.                               <li class="dropdown-header">Women Collection</li>                            
  1855.                                             <div id="womenCollection" class="carousel slide" data-ride="carousel">
  1856.                                               <div class="carousel-inner">
  1857.                                                 <div class="item active">
  1858.                                                     <a href="#"><img src="http://placehold.it/254x150/3498db/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 1"></a>
  1859.                                                     <h4><small>Summer dress floral prints</small></h4>                                        
  1860.                                                     <button class="btn btn-primary" type="button">49,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button>      
  1861.                                                 </div>
  1862.                                                 <div class="item">
  1863.                                                     <a href="#"><img src="http://placehold.it/254x150/ff3546/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 2"></a>
  1864.                                                     <h4><small>Gold sandals with shiny touch</small></h4>                                        
  1865.                                                     <button class="btn btn-primary" type="button">9,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button>        
  1866.                                                 </div>
  1867.                                                 <div class="item">
  1868.                                                     <a href="#"><img src="http://placehold.it/254x150/2ecc71/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 3"></a>
  1869.                                                     <h4><small>Denin jacket stamped</small></h4>                                        
  1870.                                                     <button class="btn btn-primary" type="button">49,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button>      
  1871.                                                 </div>                            
  1872.                                               </div>
  1873.                                              
  1874.                                               <a class="left carousel-control" href="#womenCollection" role="button" data-slide="prev">
  1875.                                                 <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
  1876.                                                 <span class="sr-only">Previous</span>
  1877.                                               </a>
  1878.                                               <a class="right carousel-control" href="#womenCollection" role="button" data-slide="next">
  1879.                                                 <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  1880.                                                 <span class="sr-only">Next</span>
  1881.                                               </a>
  1882.                                             </div>
  1883.                                             <li class="divider"></li>
  1884.                                             <li><a href="#">View all Collection <span class="glyphicon glyphicon-chevron-right pull-right"></span></a></li>
  1885.                             </ul>
  1886.                           </li>-->
  1887.                        <!-- </ul>      
  1888.                       </li>
  1889.                             <li><a href="#">Store locator</a></li>
  1890.                     </ul>
  1891.                       <ul class="nav navbar-nav navbar-right">
  1892.                         <li class="dropdown">
  1893.                           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">My account <span class="caret"></span></a>
  1894.                           <ul class="dropdown-menu" role="menu">
  1895.                             <li><a href="#">Action</a></li>
  1896.                             <li><a href="#">Another action</a></li>
  1897.                             <li><a href="#">Something else here</a></li>
  1898.                             <li class="divider"></li>
  1899.                             <li><a href="<?= $pathFor['logout'] ?>" title="Logout">LOGOUT</a></li>
  1900.                           </ul>
  1901.                         </li>
  1902.                         <li><a href="#">My cart (0) items</a></li>
  1903.                       </ul>-->
  1904.                   </div>
  1905.       </div>
  1906.     </nav>
  1907.     <nav id="sidebar-wrapper">
  1908.       <ul class="sidebar-nav">
  1909.         <a id="menu-close" href="#" class="btn btn-danger pull-right hidden-md hidden-lg toggle"><i class="fa fa-times"></i></a>
  1910.         <li class="sidebar-brand">
  1911.           <a href="#top">Soldier-up <strong>Designs</strong></a>
  1912.         </li>
  1913.         <li>
  1914.           <a href="Administrateur.php" title="Go to Top">Home</a>
  1915.         </li>
  1916.         <li>
  1917.           <a href="/about" title="Go to About Us section">About</a>
  1918.         </li>
  1919.         <li>
  1920.           <a href="/resume" title="Navigate to Jonathan Adcox IT Resume">Resume</a>
  1921.         </li>
  1922.         <li>
  1923.           <a href="<?= $pathFor['logout'] ?>" title="Navigate to 'Our Services' section">Logout</a>
  1924.         </li>
  1925.         <!-- Future Development
  1926.         <li>
  1927.           <a href="#portfolio">Portfolio</a>
  1928.         </li> -->
  1929.         <li>
  1930.           <a href="/blog" title="Our Blog">Blog</a>
  1931.         </li>
  1932.         <li>
  1933.           <a data-toggle="modal" data-href="#loginModal" data-target="#loginModal" style="cursor:pointer;"> Hosting</a>
  1934.         </li>
  1935.       </ul>
  1936.     </nav>
  1937.     <div class="container">
  1938.       <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModal" aria-hidden="true">
  1939.         <div class="modal-dialog modal-default">
  1940.           <div class="modal-content">
  1941.             <div class="modal-header">
  1942.               <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  1943.               <h3>Login to Hosting Portal - Control Panel</h3>
  1944.             </div>
  1945.             <div class="modal-body">
  1946.               <article class="container-form center-block">
  1947.                 <!-- Form Content HERE! -->
  1948.                 <form method="post" accept-charset="utf-8" autocomplete="off" role="form" class="form-horizontal" action="https://secure.yourwebhosting.com/secureLogin" enctype="application/x-www-form-urlencoded">
  1949.                   <fieldset>
  1950.                     <input type='hidden' name='__token_timestamp__' value='1426572610'>
  1951.                     <input type='hidden' name='__token_val__' value='4d96cad055fac46518825357fcb49390'>
  1952.                     <input type="hidden" name="destination" value="http://www.yourwebhosting.com/controlpanel/index.bml">
  1953.                     <!-- Name input-->
  1954.                     <div class="form-group">
  1955.                       <label class="sr-only" for="credential_0">Username: </label>
  1956.                       <div class="col-xs-12">
  1957.                         <input id="credential_0" name="credential_0" type="text" placeholder="Your Username" class="form-control">
  1958.                       </div>
  1959.                     </div>
  1960.                     <!-- Email input-->
  1961.                     <div class="form-group">
  1962.                       <label class="sr-only" for="credential_1">Password: </label>
  1963.                       <div class="col-xs-12">
  1964.                         <input id="email" type="password" name="credential_1" value="" placeholder="Your Password" class="form-control">
  1965.                       </div>
  1966.                     </div>
  1967.                     <!-- Form actions -->
  1968.                     <div class="form-group pull-right">
  1969.                       <div class="col-md-12 text-right">
  1970.                         <button type="submit" name="submit" value="Sign In" class="btn btn-lg">Submit</button>
  1971.                       </div>
  1972.                     </div>
  1973.                   </fieldset>
  1974.                 </form>
  1975.               </article>
  1976.             </div>
  1977.             <div class="modal-footer">
  1978.               Login Problems?
  1979.               <button type="submit" class="btn btn-dark" data-dismiss="modal" data-href="#collapseTwo" data-toggle="collapse" data-target="#collapseTwo" style="cursor:pointer;">Contact Me</button>
  1980.             </div>
  1981.           </div>
  1982.         </div>
  1983.       </div>
  1984.     </div>
  1985.    <!-- <aside id="accordion" class="social text-vertical-center">
  1986.       <div class="accordion-social">
  1987.         <ul class="panel-collapse collapse in nav nav-stacked" role="tabpanel" aria-labelledby="social-collapse" id="collapseOne">
  1988.           <li><a href="https://www.facebook.com/soldierupdesigns" target="_blank"><i class="fa fa-lg fa-facebook"></i></a></li>
  1989.           <li><a href="https://twitter.com/soldierupdesign" target="_blank"><i class="fa fa-lg fa-twitter"></i></a></li>
  1990.           <li><a href="https://www.plus.google.com/+soldierupdesigns" target="_blank"><i class="fa fa-lg fa-google-plus"></i></a></li>
  1991.           <li><a href="https://github.com/blayderunner123" target="_blank"><i class="fa fa-lg fa-github"></i></a></li>
  1992.           <li><a href="https://linkedin.com/in/blayderunner123" target="_blank"><i class="fa fa-lg fa-linkedin"></i></a></li>
  1993.           <li><a href="skype:live:soldierupdesigns?call"><i class="fa fa-lg fa-skype" target="_blank"></i></a></li>
  1994.           <li><a href="http://stackexchange.com/users/4992378/blayderunner123" target="_blank"><i class="fa fa-lg fa-stack-exchange"></i></a></li>
  1995.         </ul>
  1996.       </div>
  1997.     </aside>-->
  1998.         <?php if($_SESSION['open'] == 2){?>
  1999.     <div class="masthead">
  2000.             <div class="carousel fade-carousel slide" data-ride="carousel" data-interval="4000" id="bs-carousel">
  2001.  
  2002.  
  2003.                 <!-- Indicators -->
  2004.                 <ol class="carousel-indicators">
  2005.                     <li data-target="#bs-carousel" data-slide-to="0" class="active"></li>
  2006.                     <li data-target="#bs-carousel" data-slide-to="1"></li>
  2007.                     <li data-target="#bs-carousel" data-slide-to="2"></li>
  2008.                 </ol>
  2009.      
  2010.                 <!-- Wrapper for slides -->
  2011.                 <div class="carousel-inner">
  2012.                     <div class="item slides active">
  2013.                         <div class="slide-1"></div>
  2014.                             <div class="hero">
  2015.                                 <hgroup>
  2016.                                     <h1>We are creative</h1>        
  2017.                                     <h3>Get start your next awesome project</h3>
  2018.                                 </hgroup>
  2019.                             <button class="btn btn-hero btn-lg" role="button">See all features</button>
  2020.                         </div>
  2021.                     </div>
  2022.                     <div class="item slides">
  2023.                         <div class="slide-2"></div>
  2024.                             <div class="hero">        
  2025.                                 <hgroup>
  2026.                                     <h1>We are smart</h1>        
  2027.                                     <h3>Get start your next awesome project</h3>
  2028.                                 </hgroup>      
  2029.                                 <button class="btn btn-hero btn-lg" role="button">See all features</button>
  2030.                             </div>
  2031.                         </div>
  2032.                         <div class="item slides">
  2033.                             <div class="slide-3"></div>
  2034.                                 <div class="hero">        
  2035.                                     <hgroup>
  2036.                                         <h1>We are amazing</h1>        
  2037.                                         <h3>Get start your next awesome project</h3>
  2038.                                     </hgroup>
  2039.                                     <button class="btn btn-hero btn-lg" role="button">See all features</button>
  2040.                                 </div>
  2041.                             </div>
  2042.                         </div>
  2043.                     </div>
  2044.             </div>
  2045.           <?php }?>
  2046.             </div>
  2047.         </div>
  2048.        
  2049.         <script>
  2050.         $(document).ready(function(){
  2051.         $("[rel='tooltip']").tooltip();
  2052.       });
  2053.     </script>
  2054.    
  2055.  
  2056. <?php }
  2057.  
  2058.  
  2059.  
  2060. function sup($id, $nom){ ?>
  2061.  
  2062. <div id="<?php echo htmlspecialchars($id)?>" class="modal fade">
  2063.     <div class="modal-dialog">
  2064.         <div class="modal-content">
  2065.             <div class="modal-header">
  2066.                 <h4 class="modal-title text-xs-center">Suppression</h4>
  2067.             </div>
  2068.             <div class="modal-body">
  2069.               <p>Etes vous sur de vouloir supprimer <?php echo htmlspecialchars($nom)?> ?<p>
  2070.             </div>
  2071.             <div class="modal-footer">
  2072.                 <!--<form role="form" method="GET" action="">-->
  2073.                     <input type="hidden" name="id" value="<?php echo htmlspecialchars($id)?>" >
  2074.                     <button type="submit" name="sup" class="btn btn-info btn-success">Oui</button>
  2075.                     <button type="submit" class="btn btn-info btn-danger" data-dismiss="modal">Non</button>
  2076.                 <!--</form>-->
  2077.             </div>
  2078.         </div>
  2079.     </div>
  2080. </div>
  2081.  
  2082. <?php
  2083. }
  2084. ?>
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!