Advertisement
Guest User

Untitled

a guest
Nov 27th, 2018
217
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 24.43 KB | None | 0 0
  1. <html>
  2.     <hedad>
  3.         <title>AHUpedia</title>
  4.         <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
  5.         <link href="{{ asset('css/index.css') }}" rel="stylesheet">
  6.         <link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
  7.         <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  8.         <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  9.         <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  10.  
  11.  
  12.  
  13.     </hedad>
  14.     <body>
  15.     <!-- Navbar -->
  16.     <nav class="navbar navbar-expand-sm box-shadow " style="padding-left: 85px;">
  17.             <div class="collapse navbar-collapse box-shadow" id="navbarSupportedContent">
  18.                 <img src="{{ asset('circle-img.png') }}" width="32px" height="32px" />
  19.                 <span style="padding-left:8px; color: #38444D;user-select: none;">   |  </span>
  20.                 <ul class="navbar-nav  mr-sm-auto nav">
  21.                     <li class="nav-item active">
  22.                         <a class="nav-link" href="#">  <span class="fas fa-home"></span> Home <span class="sr-only">(current)</span></a>
  23.                     </li>
  24.                 </ul>
  25.                 <form class="form-inline  my-sm-0 " style="padding-right: 70px;"  method="POST" action="{{ route('main') }}">
  26.                     {{ csrf_field() }}
  27.                     <input class="form-control mr-sm-2 fa" type="search" placeholder="&#xf002  Search for question  " aria-label="Search" size="50" style="border-radius: 25px;" >
  28.                     <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#loginModal" style="border-radius: 25px;">
  29.                         Login
  30.                     </button>
  31.                 </form>
  32.             </div>
  33.     </nav>
  34.     <!-- Page content -->
  35.     <div class="row" style="position: relative; margin-top: 10px; margin-left: 68px; margin-right: 85px; " id="cont" >
  36.             <!-- Best member -->
  37.             <div class="col-3" style=" user-select: none;">
  38.                 <ul class="list-group" >
  39.                     <li class="list-group-item active"><h5>Best members today :</h5></li>
  40.                     <li class="list-group-item ">  <img src="{{ asset('user-img.png') }}" id="imgactive" />  Mahmod Al-Hussaini</li>
  41.                     <li class="list-group-item">  <img src="{{ asset('user-img.png') }}" id="imgactive"  /> Mu'tasim Al Amoudi</li>
  42.                     <li class="list-group-item"> <img src="{{ asset('user-img.png') }}" id="imgactive"  /> Ammar Suffian</li>
  43.                     <li class="list-group-item">  <img src="{{ asset('user-img.png') }}" id="imgactive"  />  Ahmed Dawood</li>
  44.                     <li class="list-group-item">  <img src="{{ asset('user-img.png') }}" id="imgactive"  />  Sadiq al-Khudari</li>
  45.                 </ul>
  46.             </div>
  47.             <!-- Timeline -->
  48.             <div class="col-6">
  49.                 <div class="card ">
  50.                     <div class="card-body row"  >
  51.                         <div class="col-auto" style="">
  52.                             <br>
  53.                             <span class="fas fa-chevron-up" style="color: #AAAFB5;font-size: 24px ;"></span><br>
  54.                             <span style="font-size: 24px; ">   18</span><br>
  55.                             <span class="fas fa-chevron-down" style="color: #AAAFB5;font-size: 24px;"></span>
  56.                         </div>
  57.                         <div class="col-10">
  58.                             <br>
  59.                             <span>what is the computer science ?</span>
  60.                             <hr style="border-color:#38444D; padding-right:40px ">
  61.                             <img src="{{ asset('user-img.png') }}" width="32px" height="32px" />
  62.                             <span style="padding-left:8px; color: #38444D;user-select: none;">   |  Mahmod Al-Hussaini</span>
  63.                             <span style="padding-left:8px; color: #38444D;user-select: none;">  |  <span class="fas fa-comment"></span> 15 Comments</span>
  64.  
  65.                         </div>
  66.                     </div>
  67.  
  68.  
  69.                     <hr style="border-color:#38444D; ">
  70.  
  71.  
  72.                     <div class="card-body row"  >
  73.                         <div class="col-auto">
  74.                             <span class="fas fa-chevron-up" style="color: #AAAFB5;font-size: 24px "></span><br>
  75.                             <span style="font-size: 24px">   -5</span><br>
  76.                             <span class="fas fa-chevron-down" style="color: #AAAFB5;font-size: 24px"></span>
  77.                         </div>
  78.                         <div class="col-10">
  79.                             <span>What is the management information system ?</span>
  80.                             <hr style="border-color:#38444D; padding-right:40px ">
  81.                             <img src="{{ asset('user-img.png') }}" width="32px" height="32px" />
  82.                             <span style="padding-left:8px; color: #38444D;user-select: none;">   |  Ahmed Dawood</span>
  83.                             <span style="padding-left:8px; color: #38444D;user-select: none;">  |  <span class="fas fa-comment"></span> 1 Comments</span>
  84.  
  85.                         </div>
  86.                     </div>
  87.  
  88.                     <hr style="border-color:#38444D;  padding-right:40px">
  89.  
  90.                     <div class="card-body row"  >
  91.                         <div class="col-auto">
  92.                             <span class="fas fa-chevron-up" style="color: #AAAFB5;font-size: 24px "></span><br>
  93.                             <span style="font-size: 24px">  23</span><br>
  94.                             <span class="fas fa-chevron-down" style="color: #AAAFB5;font-size: 24px"></span>
  95.                         </div>
  96.                         <div class="col-10">
  97.                             <span>What is the computer information system ?</span>
  98.                             <hr style="border-color:#38444D; padding-right:40px">
  99.                             <img src="{{ asset('user-img.png') }}" width="32px" height="32px" />
  100.                             <span style="padding-left:8px; color: #38444D;user-select: none;">   |  Sadiq al-Khudari</span>
  101.                             <span style="padding-left:8px; color: #38444D;user-select: none;">  |  <span class="fas fa-comment"></span> 13 Comments</span>
  102.                         </div>
  103.                     </div>
  104.  
  105.                     <hr style="border-color:#38444D; ">
  106.  
  107.                     <div class="card-body row"  >
  108.                         <div class="col-auto">
  109.                             <span class="fas fa-chevron-up" style="color: #AAAFB5;font-size: 24px "></span><br>
  110.                             <span style="font-size: 24px">   3</span><br>
  111.                             <span class="fas fa-chevron-down" style="color: #AAAFB5;font-size: 24px"></span>
  112.                         </div>
  113.                         <div class="col-10">
  114.                             <span>What is the big data analytics ?</span>
  115.                             <hr style="border-color:#38444D; padding-right:40px">
  116.                             <img src="{{ asset('user-img.png') }}" width="32px" height="32px" />
  117.                             <span style="padding-left:8px; color: #38444D;user-select: none;">   |  Mahmod Al-Hussaini</span>
  118.                             <span style="padding-left:8px; color: #38444D;user-select: none;">  |  <span class="fas fa-comment"></span> 20 Comments</span>
  119.                         </div>
  120.                     </div>
  121.  
  122.                     <hr style="border-color:#38444D; ">
  123.  
  124.                     <div class="card-body row"  >
  125.                         <div class="col-auto">
  126.                             <span class="fas fa-chevron-up" style="color: #AAAFB5;font-size: 24px "></span><br>
  127.                             11<br>
  128.                             <span class="fas fa-chevron-down" style="color: #AAAFB5;font-size: 24px"></span>
  129.                         </div>
  130.                         <div class="col-10">
  131.                             <span>What is the software engineering ?</span>
  132.                             <hr style="border-color:#38444D; padding-right:40px">
  133.                             <img src="{{ asset('user-img.png') }}" width="32px" height="32px" />
  134.                             <span style="padding-left:8px; color: #38444D;user-select: none;">   |  Mu'tasim Al Amoudi</span>
  135.                             <span style="padding-left:8px; color: #38444D;user-select: none;">  |  <span class="fas fa-comment"></span> 5 Comments</span>
  136.                         </div>
  137.                     </div>
  138.  
  139.                     <hr style="border-color:#38444D; ">
  140.  
  141.                     <div class="card-body row"  >
  142.                         <div class="col-auto">
  143.                             <span class="fas fa-chevron-up" style="color: #AAAFB5;font-size: 24px "></span><br>
  144.                             <span style="font-size: 24px">  20</span><br>
  145.                             <span class="fas fa-chevron-down" style="color: #AAAFB5;font-size: 24px"></span>
  146.                         </div>
  147.                         <div class="col-10">
  148.                             <span>How to draw use case ?</span>
  149.                             <hr style="border-color:#38444D; padding-right:40px">
  150.                             <img src="{{ asset('user-img.png') }}" width="32px" height="32px" />
  151.                             <span style="padding-left:8px; color: #38444D;user-select: none;">   |  Ahmed Dawood</span>
  152.                             <span style="padding-left:8px; color: #38444D;user-select: none;">  |  <span class="fas fa-comment"></span> 50 Comments</span>
  153.                         </div>
  154.                     </div>
  155.  
  156.                     <hr style="border-color:#38444D; ">
  157.  
  158.                     <div class="card-body row"  >
  159.                         <div class="col-auto">
  160.                             <span class="fas fa-chevron-up" style="color: #AAAFB5;font-size: 24px "></span><br>
  161.                             <span style="font-size: 24px">  31</span><br>
  162.                             <span class="fas fa-chevron-down" style="color: #AAAFB5;font-size: 24px"></span>
  163.                         </div>
  164.                         <div class="col-10">
  165.                             <span>How to draw ERD ?</span>
  166.                             <hr style="border-color:#38444D; padding-right:40px">
  167.                             <img src="{{ asset('user-img.png') }}" width="32px" height="32px" />
  168.                             <span style="padding-left:8px; color: #38444D;user-select: none;">   |  Ammar Sufian</span>
  169.                             <span style="padding-left:8px; color: #38444D;user-select: none;">  |  <span class="fas fa-comment"></span> 9 Comments</span>
  170.                         </div>
  171.                     </div>
  172.  
  173.                     <hr style="border-color:#38444D; ">
  174.  
  175.                     <div class="card-body row"  >
  176.                         <div class="col-auto">
  177.                             <span class="fas fa-chevron-up" style="color: #AAAFB5;font-size: 24px "></span><br>
  178.                             <span style="font-size: 24px">  12</span><br>
  179.                             <span class="fas fa-chevron-down" style="color: #AAAFB5;font-size: 24px"></span>
  180.                         </div>
  181.                         <div class="col-10">
  182.                             <span>How to create one to many relationship in mysql ?</span>
  183.                             <hr style="border-color:#38444D; padding-right:40px">
  184.                             <img src="{{ asset('user-img.png') }}" width="32px" height="32px" />
  185.                             <span style="padding-left:8px; color: #38444D;user-select: none;">   |  Ammar Suffian</span>
  186.                             <span style="padding-left:8px; color: #38444D;user-select: none;">  |  <span class="fas fa-comment"></span> 0 Comments</span>
  187.                         </div>
  188.                     </div>
  189.  
  190.                     <hr style="border-color:#38444D; ">
  191.  
  192.                     <div class="card-body row"  >
  193.                         <div class="col-auto">
  194.                             <span class="fas fa-chevron-up" style="color: #AAAFB5;font-size: 24px "></span><br>
  195.                             <span style="font-size: 24px">   -15</span><br>
  196.                             <span class="fas fa-chevron-down" style="color: #AAAFB5;font-size: 24px"></span>
  197.                         </div>
  198.                         <div class="col-10">
  199.                             <span>How to retrieve data from database in laravel 5.6 ?</span>
  200.                             <hr style="border-color:#38444D; padding-right:40px">
  201.                             <img src="{{ asset('user-img.png') }}" width="32px" height="32px" />
  202.                             <span style="padding-left:8px; color: #38444D;user-select: none;">   |  Mahmod Al-Hussini</span>
  203.                             <span style="padding-left:8px; color: #38444D;user-select: none;">  |  <span class="fas fa-comment"></span> 2 Comments</span>
  204.                         </div>
  205.                     </div>
  206.  
  207.                     <hr style="border-color:#38444D; ">
  208.  
  209.                     <div class="card-body row"  >
  210.                         <div class="col-auto">
  211.                             <span class="fas fa-chevron-up" style="color: #AAAFB5;font-size: 24px "></span><br>
  212.                             <span style="font-size: 24px">   19</span><br>
  213.                             <span class="fas fa-chevron-down" style="color: #AAAFB5;font-size: 24px"></span>
  214.                         </div>
  215.                         <div class="col-10">
  216.                             <span>How to use design patterns in java ?</span>
  217.                             <hr style="border-color:#38444D; padding-right:40px">
  218.                             <img src="{{ asset('user-img.png') }}" width="32px" height="32px" />
  219.                             <span style="padding-left:8px; color: #38444D;user-select: none;">   | Sadiq al-Khudari</span>
  220.                             <span style="padding-left:8px; color: #38444D;user-select: none;">  |  <span class="fas fa-comment"></span> 7 Comments</span>
  221.                         </div>
  222.                     </div>
  223.  
  224.                     <hr style="border-color:#38444D; ">
  225.  
  226.                     <div class="card-body">
  227.                         <nav aria-label="Page navigation example" id="page">
  228.                             <ul class="pagination justify-content-center" id="page">
  229.                                 <li class="page-item disabled">
  230.                                     <a class="page-link" href="#" tabindex="-1">Previous</a>
  231.                                 </li>
  232.                                 <li class="page-item disabled"><a class="page-link" href="#">1</a></li>
  233.                                 <li class="page-item"><a class="page-link" href="#">2</a></li>
  234.                                 <li class="page-item"><a class="page-link" href="#">3</a></li>
  235.                                 <li class="page-item">
  236.                                     <a class="page-link" href="#">Next</a>
  237.                                 </li>
  238.                             </ul>
  239.                         </nav>
  240.                     </div>
  241.                 </div>
  242.             </div>
  243.             <!-- Trending question -->
  244.             <div class="col-3" style="user-select: none; ">
  245.                 <ul class="list-group" >
  246.                     <li class="list-group-item active"><h5>Trending question :</h5></li>
  247.                     <li class="list-group-item "> <span class="fas fa-question-circle"></span>  What is the computer science ?</li>
  248.                     <li class="list-group-item">  <span class="fas fa-question-circle"></span> What is the computer information system ?</li>
  249.                     <li class="list-group-item">  <span class="fas fa-question-circle"></span> What is the software engineering ?</li>
  250.                     <li class="list-group-item">  <span class="fas fa-question-circle"></span>  What is the managment information system ?</li>
  251.                 </ul>
  252.             </div>
  253.         </div>
  254.     <!-- Login Modal -->
  255.     <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="LoginModal" aria-hidden="true">
  256.         <div class="modal-dialog modal-dialog-centered" role="document">
  257.             <div class="modal-content">
  258.                 <div class="modal-header">
  259.                     <h5 class="modal-title" id="loginModalLongTitle">{{ __('Login') }}</h5>
  260.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  261.                         <span aria-hidden="true">&times;</span>
  262.                     </button>
  263.                 </div>
  264.                 <div class="modal-body">
  265.                     <form class="w-100 mt-4" method="POST" action="{{ route('login') }}">
  266.  
  267.                         {{ csrf_field() }}
  268.  
  269.                         <div class="form-group{{ $errors->has('handle') ? ' has-error' : '' }}">
  270.                             <input type="text" name="handle" class="form-control" value="{{ old('handle') }}"
  271.                                   placeholder="Username or email" required autofocus>
  272.                             @if ($errors->has('handle'))
  273.                                 <span class="help-block">
  274.                                         <strong>{{ $errors->first('handle') }}</strong>
  275.                                     </span>
  276.                             @endif
  277.                         </div>
  278.                         <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
  279.                             <input type="password" name="password" class="form-control" placeholder="Password"
  280.                                   required>
  281.                             @if ($errors->has('password'))
  282.                                 <span class="help-block">
  283.                                         <strong>{{ $errors->first('password') }}</strong>
  284.                                     </span>
  285.                             @endif
  286.                         </div>
  287.                         <label>
  288.                             <input type="checkbox" name="remember" {{ old('remember') ? 'checked' : '' }}>
  289.                             Remember me
  290.                         </label>
  291.  
  292.                         <div class=" d-flex justify-content-center" >
  293.                             <button type=button class="btn btn-dark w-50" data-dismiss="modal" data-toggle="modal" data-target="#regModal"  style="margin-right: 5px !important;" >Register</button>
  294.                             <input type="submit" class="btn btn-primary w-50" value="Login">
  295.  
  296.                         </div>
  297.                     </form>
  298.  
  299.                 </div>
  300.  
  301.             </div>
  302.         </div>
  303.     </div>
  304.     <!-- Register Modal -->
  305.     <div class="modal fade" id="regModal" tabindex="-1" role="dialog" aria-labelledby="regModal" aria-hidden="true">
  306.         <div class="modal-dialog modal-dialog-centered" role="document">
  307.             <div class="modal-content">
  308.                 <div class="modal-header">
  309.                     <h5 class="modal-title" id="regModalLongTitle">Register</h5>
  310.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  311.                         <span aria-hidden="true">&times;</span>
  312.                     </button>
  313.                 </div>
  314.                 <div class="modal-body">
  315.                     <h5>Create your account : </h5>
  316.                     <form class="form-horizontal" method="POST" action="{{ route('register') }}">
  317.                         {{ csrf_field() }}
  318.                         <!-- Fullname start -->
  319.                         <div class="form-group{{ $errors->has('d_name') ? ' has-error' : '' }}">
  320.                             <label for="d_name" class="col-md-auto control-label">Full name :</label>
  321.                             <div class="col-md-auto">
  322.                                 <input id="name" type="text" class="form-control" name="d_name" value="{{ old('d_name') }}" required autofocus>
  323.                                 @if ($errors->has('d_name'))
  324.                                     <span class="help-block">
  325.                                         <strong>{{ $errors->first('d_name') }}</strong>
  326.                                     </span>
  327.                                 @endif
  328.                             </div>
  329.                         </div>
  330.                             <!-- Username start -->
  331.                         <div class="form-group{{ $errors->has('username') ? ' has-error' : '' }}">
  332.                             <label for="username" class="col-md-auto control-label">Username :</label>
  333.                             <div class="col-md-auto">
  334.                                 <input id="username" type="text" class="form-control" name="username" value="{{ old('username') }}" required>
  335.                                 @if ($errors->has('username'))
  336.                                     <span class="help-block">
  337.                                         <strong>{{ $errors->first('username') }}</strong>
  338.                                     </span>
  339.                                 @endif
  340.                             </div>
  341.                         </div>
  342.                             <!-- Email start -->
  343.                         <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
  344.                             <label for="email" class="col-md-auto control-label">E-Mail Address : </label>
  345.                             <div class="col-md-auto">
  346.                                 <input id="email" type="email" class="form-control" name="email" value="{{ old('email') }}" required>
  347.                                 @if ($errors->has('email'))
  348.                                     <span class="help-block">
  349.                                         <strong>{{ $errors->first('email') }}</strong>
  350.                                     </span>
  351.                                 @endif
  352.                             </div>
  353.                         </div>
  354.                             <!-- Password start -->
  355.                         <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
  356.                             <label for="password" class="col-md-auto control-label">Password :</label>
  357.                             <div class="col-md-auto">
  358.                                 <input id="password" type="password" class="form-control" name="password" required>
  359.                                 @if ($errors->has('password'))
  360.                                     <span class="help-block">
  361.                                         <strong>{{ $errors->first('password') }}</strong>
  362.                                     </span>
  363.                                 @endif
  364.                             </div>
  365.                         </div>
  366.                             <!-- Confirm password start -->
  367.                         <div class="form-group">
  368.                             <label for="password-confirm" class="col-md-auto control-label">Confirm Password</label>
  369.                             <div class="col-md-auto">
  370.                                 <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required>
  371.                             </div>
  372.                         </div>
  373.                         <div class="form-group">
  374.                             <div class="d-flex justify-content-center">
  375.                                 <button type="button" class="btn btn-dark w-50" data-dismiss="modal" data-toggle="modal" data-target="#loginModal"  style="margin-right: 5px !important;" >Back to login</button>
  376.                                 <button type="submit" class="btn btn-primary w-50" style="margin-right: 5px !important;">
  377.                                     Register
  378.                                 </button>
  379.                             </div>
  380.                         </div>
  381.                     </form>
  382.                 </div>
  383.  
  384.             </div>
  385.         </div>
  386.     </div>
  387.  
  388.  
  389.  
  390.     <script src="{{ mix('/js/app.js') }}"></script>
  391.  
  392.     </body>
  393.  
  394.  
  395.  
  396.  
  397. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement