API tools faq
paste
Advertisement
yoyo106

Untitled

yoyo106
Oct 6th, 2020
82
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 7.51 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en" dir="ltr">
  3.  
  4. <head>
  5.   <meta charset="utf-8">
  6.   <title>Laptopify | Get Your Own Laptop</title>
  7.   <link rel="stylesheet" href="style.css">
  8.   <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap" rel="stylesheet">
  9.   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  10. </head>
  11.  
  12. <body>
  13.   <div class="header">
  14.     <div class="container">
  15.       <div class="navbar">
  16.         <div class="logo">
  17.           <img src="images/Icons/logo.png" width="175px">
  18.         </div>
  19.         <nav>
  20.           <ul>
  21.             <li><a href="{{url('/')}}">Home</a></li>
  22.             <li><a href="{{url('/productspage')}}">Products</a></li>
  23.             <li><a href="">About</a></li>
  24.             <li><a href="">Contact</a></li>
  25.             @if(Auth::check())
  26.                 <li><a href="{{url('/logout')}}">Logout</a></li>
  27.             @else
  28.                 <li><a href="{{url('/login')}}">Login</a></li>
  29.             @endif
  30.             <form action="{{url('/showSearch')}}" method="POST">
  31.                 @csrf
  32.                 <li><input type="text" name="search" id="search"></li>
  33.                 <!-- <input type="text" placeholder="Search.." id="SearchBar">
  34.                 <i class="fa fa-search fa-lg" id="searchButton" onclick="searchtoggle()"></i>-->
  35.                 <li><button type="submit" class="btn btn-primary">Submit</button></li>
  36.             </form>
  37.           </ul>
  38.           <a href="{{url('/cart')}}"><img src="images/Icons/cart.png" width="20px"></a>
  39.         </nav>
  40.       </div>
  41.       <div class="row">
  42.         <div class="col-2">
  43.           <h1>Get Your <br>Own Laptop!</h1>
  44.           <p>The new way to get your own laptop.<br> Easier than ever, with a wide range of specs to find your liking.
  45.           </p>
  46.           <a href="/productspage" class="btn">Start Shopping &#8594; </a>
  47.         </div>
  48.         <div class="col-2">
  49.           <img src="images/legion-y540.webp">
  50.         </div>
  51.  
  52.       </div>
  53.     </div>
  54.   </div>
  55.  
  56.   <!------------ Brands------------>
  57.   <div class="brands">
  58.     <h2 class="title">Brands</h2>
  59.     <div class="pageContainer">
  60.       <div class="row">
  61.         <div class="col-5">
  62.           <a href="/search/<?php echo "Lenovo"?>" > <img src="images/brands/logo1.png"></a>
  63.         </div>
  64.         <div class="col-5">
  65.             <a href="/search/<?php echo "Dell"?>"> <img src="images/brands/logo2.png"></a>
  66.         </div>
  67.         <div class="col-5">
  68.             <a href="/search/<?php echo "Asus"?>"> <img src="images/brands/logo3.png"></a>
  69.         </div>
  70.         <div class="col-5">
  71.             <a href="/search/<?php echo "Apple"?>"> <img src="images/brands/logo4.png"></a>
  72.         </div>
  73.         <div class="col-5">
  74.             <a href="/search/<?php echo "Samsung"?>"> <img src="images/brands/logo5.png"></a>
  75.         </div>
  76.       </div>
  77.       <div class="row">
  78.         <div class="col-5">
  79.             <a href="/search/<?php echo "Toshiba"?>"> <img src="images/brands/logo6.png"></a>
  80.         </div>
  81.         <div class="col-5">
  82.             <a href="/search/<?php echo "Msi"?>"> <img src="images/brands/logo7.png"></a>
  83.         </div>
  84.         <div class="col-5">
  85.             <a href="/search/<?php echo "Microsoft"?>"> <img src="images/brands/logo8.png"></a>
  86.         </div>
  87.         <div class="col-5">
  88.             <a href="/search/<?php echo "HP"?>"> <img src="images/brands/logo9.png"></a>
  89.         </div>
  90.         <div class="col-5">
  91.             <a href="/search/<?php echo "Sony"?>"> <img src="images/brands/logo10.png"></a>
  92.         </div>
  93.       </div>
  94.     </div>
  95.   </div>
  96.   <!--Offer-->
  97.   <div class="offer">
  98.     <div class="pageContainer">
  99.       <div class="row">
  100.         <div class="col-2">
  101.           <img src="images/Products/Alienware/Alienware_6.png">
  102.         </div>
  103.         <div class="col-2">
  104.           <p>Special offer on Laptopify</p>
  105.           <h1>Silver AlienWare by Dell</h1>
  106.           <small>The incredibly thin and light MacBook Air is now more powerful than ever. It features a
  107.             brilliant Retina display, new Magic Keyboard, Touch ID, processors with up to twice the
  108.             performance,1 faster graphics, and double the storage capacity. The sleek wedge-shaped
  109.             design is created from 100 percent recycled aluminum, making it the greenest Mac ever.2 And
  110.             with all-day battery life, our most popular Mac is your perfectly portable, do-it-all notebook.</small>
  111.           <a href="/productdetails" class="btn">Buy Now &#8594;</a>
  112.         </div>
  113.       </div>
  114.     </div>
  115.   </div>
  116.   <!--featured products-->
  117.   <div class="pageContainer">
  118.     <div class="row">
  119.       <div class="col-4">
  120.         <a href="/getlaptop/Acer/Predator"><img src="images/Products/Acer Predator/Acer Predator_1.jpg"></a>
  121.         <h4>Acer Predator</h4>
  122.         <div class="rating">
  123.           <i class="fa fa-star"></i>
  124.           <i class="fa fa-star"></i>
  125.           <i class="fa fa-star"></i>
  126.           <i class="fa fa-star"></i>
  127.           <i class="fa fa-star"></i>
  128.         </div>
  129.         <p>$1100</p>
  130.       </div>
  131.       <div class="col-4">
  132.       <a href="/getlaptop/Dell/Alienware"> <img src="images/Products/Alienware/Alienware_1.jpg">
  133.         <h4>ALIENWARE</h4>
  134.         <div class="rating">
  135.           <i class="fa fa-star"></i>
  136.           <i class="fa fa-star"></i>
  137.           <i class="fa fa-star"></i>
  138.           <i class="fa fa-star"></i>
  139.           <i class="fa fa-star-half-o"></i>
  140.         </div>
  141.         <p>$2500</p>
  142.       </div>
  143.       <div class="col-4">
  144.       <a href="/getlaptop/HP/Omen"><img src="images/Products/HP Omen/HP Omen_1.jpg">
  145.         <h4>HP Omen</h4>
  146.         <div class="rating">
  147.           <i class="fa fa-star"></i>
  148.           <i class="fa fa-star"></i>
  149.           <i class="fa fa-star"></i>
  150.           <i class="fa fa-star"></i>
  151.           <i class="fa fa-star-o"></i>
  152.         </div>
  153.         <p>$1500</p>
  154.       </div>
  155.       <div class="col-4">
  156.       <a href="/getlaptop/Lenovo/Legion"> <img src="images/Products/Lenovo Legion/Lenovo Legion_1.jpg">
  157.         <h4>Lenovo Legion</h4>
  158.         <div class="rating">
  159.           <i class="fa fa-star"></i>
  160.           <i class="fa fa-star"></i>
  161.           <i class="fa fa-star"></i>
  162.           <i class="fa fa-star-half-o"></i>
  163.           <i class="fa fa-star-o"></i>
  164.         </div>
  165.         <p>$1600</p>
  166.       </div>
  167.     </div>
  168.   </div>
  169.  
  170.   <!--footer-->
  171.   <div class="footer">
  172.     <div class="container">
  173.       <div class="row">
  174.         <div class="footer-col1">
  175.           <h3>Download Our App</h3>
  176.           <p>Download our app for android and iOS.</p>
  177.           <div class="app-logo">
  178.             <img src="images/Icons/playstore.png">
  179.             <img src="images/Icons/appstore.png">
  180.           </div>
  181.         </div>
  182.         <div class="footer-col2">
  183.           <img src="images/Icons/logo.png" style="max-width: 100px;">
  184.           <p>Our Purpose is to get you your own personalized laptop.</p>
  185.         </div>
  186.         <div class="footer-col3">
  187.           <h3>Useful Links</h3>
  188.           <ul>
  189.             <li>Contact Us</li>
  190.             <li>Return Policy</li>
  191.             <li>Services</li>
  192.             <li>Affiliates</li>
  193.           </ul>
  194.         </div>
  195.         <div class="footer-col4">
  196.           <h3>Follow Us</h3>
  197.           <ul>
  198.             <li>Facebook</li>
  199.             <li>Twitter</li>
  200.             <li>Instagram</li>
  201.           </ul>
  202.         </div>
  203.       </div>
  204.       <hr>
  205.       <p class="copyright">Copyright 2020 - Laptopify</p>
  206.     </div>
  207.   </div>
  208. </body>
  209.  
  210. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!