TheShopCritics2/TSC2/Components/Pages/Info.razor

430 lines
21 KiB
Plaintext

@page "/info/{Shop}&{UniqueID}"
<title>@Shop | The Shop Critics</title>
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="author" content="SemiColonWeb">
<meta name="description" content="Create New &amp; Used Car Sale Websites with Canvas Template. Get Canvas to build powerful websites easily with the Highly Customizable &amp; Best Selling Bootstrap Template, today.">
<!-- Font Imports -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Mukta+Vaani:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;600;700;800;900&display=swap" rel="stylesheet">
<!-- Core Style -->
<link rel="stylesheet" href="style.css">
<!-- Font Icons -->
<link rel="stylesheet" href="css/font-icons.css">
<link rel="stylesheet" href="demos/car/css/car-icons/style.css">
<!-- Niche Demos -->
<link rel="stylesheet" href="demos/car/car.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Document Title
============================================= -->
<title>@Shop - The Shop Critics</title>
<style>
</style>
</head>
<body class="stretched side-push-panel">
<!-- Document Wrapper
============================================= -->
<div>
<!-- Page Title
============================================= -->
<section class="page-title page-title-parallax parallax scroll-detect dark">
<img src="demos/car/images/accessories/page-title.jpg" class="parallax-bg">
<div class="container">
<div class="page-title-row">
<div class="page-title-content">
<h1>@Shop -- Questions &amp; Answers</h1>
</div>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Cars</a></li>
<li class="breadcrumb-item active" aria-current="page">FAQs</li>
</ol>
</nav>
</div>
</div>
</section><!-- .page-title end -->
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="heading-block">
<h2>Some of your Questions:</h2>
<TelerikButton OnClick="@LeaveReviewDebug">Leave Review</TelerikButton>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum tempore autem distinctio qui iure aspernatur doloribus porro blanditiis perspiciatis alias.</p>
</div>
<h4 class="mb-3">Marketplace <small>(4)</small></h4>
<div class="accordion mb-5 accordion-border">
<div class="accordion-header">
<div class="accordion-icon">
<i class="accordion-closed bi-check-circle-fill"></i>
<i class="accordion-open bi-x-circle-fill"></i>
</div>
<div class="accordion-title">
How do I become an author?
</div>
</div>
<div class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda, dolorum, vero ipsum molestiae minima odio quo voluptate illum excepturi quam cum voluptates doloribus quae nisi tempore necessitatibus dolores ducimus enim libero eaque explicabo suscipit animi at quaerat aliquid ex expedita perspiciatis? Saepe, aperiam, nam unde quas beatae vero vitae nulla.</div>
<div class="accordion-header">
<div class="accordion-icon">
<i class="accordion-closed bi-check-circle-fill"></i>
<i class="accordion-open bi-x-circle-fill"></i>
</div>
<div class="accordion-title">
Helpful Resources for Authors
</div>
</div>
<div class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, placeat, architecto rem dolorem dignissimos repellat veritatis in et eos doloribus magnam aliquam ipsa alias assumenda officiis quasi sapiente suscipit veniam odio voluptatum. Enim at asperiores quod velit minima officia accusamus cumque eligendi consequuntur fuga? Maiores, quasi, voluptates, exercitationem fuga voluptatibus a repudiandae expedita omnis molestiae alias repellat perferendis dolores dolor.</div>
<div class="accordion-header">
<div class="accordion-icon">
<i class="accordion-closed bi-check-circle-fill"></i>
<i class="accordion-open bi-x-circle-fill"></i>
</div>
<div class="accordion-title">
How much money can I make?
</div>
</div>
<div class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, fugiat iste nisi tempore nesciunt nemo fuga? Nesciunt, delectus laboriosam nisi repudiandae nam fuga saepe animi recusandae. Asperiores, provident, esse, doloremque, adipisci eaque alias dolore molestias assumenda quasi saepe nisi ab illo ex nesciunt nobis laboriosam iusto quia nulla ad voluptatibus iste beatae voluptas corrupti facilis accusamus recusandae sequi debitis reprehenderit quibusdam. Facilis eligendi a exercitationem nisi et placeat excepturi velit!</div>
<div class="accordion-header">
<div class="accordion-icon">
<i class="accordion-closed bi-check-circle-fill"></i>
<i class="accordion-open bi-x-circle-fill"></i>
</div>
<div class="accordion-title">
How do I pay for items on the Marketplaces?
</div>
</div>
<div class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, fugiat iste nisi tempore nesciunt nemo fuga? Nesciunt, delectus laboriosam nisi repudiandae nam fuga saepe animi recusandae. Asperiores, provident, esse, doloremque, adipisci eaque alias dolore molestias assumenda quasi saepe nisi ab illo ex nesciunt nobis laboriosam iusto quia nulla ad voluptatibus iste beatae voluptas corrupti facilis accusamus recusandae sequi debitis reprehenderit quibusdam. Facilis eligendi a exercitationem nisi et placeat excepturi velit!</div>
</div>
<h4 class="mb-3">Authors <small>(5)</small></h4>
<div class="accordion mb-5 accordion-border" data-state="closed">
<div class="accordion-header">
<div class="accordion-icon">
<i class="accordion-closed bi-check-circle-fill"></i>
<i class="accordion-open bi-x-circle-fill"></i>
</div>
<div class="accordion-title">
Can I offer my items for free on a promotional basis?
</div>
</div>
<div class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda, dolorum, vero ipsum molestiae minima odio quo voluptate illum excepturi quam cum voluptates doloribus quae nisi tempore necessitatibus dolores ducimus enim libero eaque explicabo suscipit animi at quaerat aliquid ex expedita perspiciatis? Saepe, aperiam, nam unde quas beatae vero vitae nulla.</div>
<div class="accordion-header">
<div class="accordion-icon">
<i class="accordion-closed bi-check-circle-fill"></i>
<i class="accordion-open bi-x-circle-fill"></i>
</div>
<div class="accordion-title">
How do I become an author?
</div>
</div>
<div class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda, dolorum, vero ipsum molestiae minima odio quo voluptate illum excepturi quam cum voluptates doloribus quae nisi tempore necessitatibus dolores ducimus enim libero eaque explicabo suscipit animi at quaerat aliquid ex expedita perspiciatis? Saepe, aperiam, nam unde quas beatae vero vitae nulla.</div>
<div class="accordion-header">
<div class="accordion-icon">
<i class="accordion-closed bi-check-circle-fill"></i>
<i class="accordion-open bi-x-circle-fill"></i>
</div>
<div class="accordion-title">
An Introduction to the Marketplaces for Authors
</div>
</div>
<div class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, placeat, architecto rem dolorem dignissimos repellat veritatis in et eos doloribus magnam aliquam ipsa alias assumenda officiis quasi sapiente suscipit veniam odio voluptatum. Enim at asperiores quod velit minima officia accusamus cumque eligendi consequuntur fuga? Maiores, quasi, voluptates, exercitationem fuga voluptatibus a repudiandae expedita omnis molestiae alias repellat perferendis dolores dolor.</div>
<div class="accordion-header">
<div class="accordion-icon">
<i class="accordion-closed bi-check-circle-fill"></i>
<i class="accordion-open bi-x-circle-fill"></i>
</div>
<div class="accordion-title">
How do I pay for items on the Marketplaces?
</div>
</div>
<div class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, fugiat iste nisi tempore nesciunt nemo fuga? Nesciunt, delectus laboriosam nisi repudiandae nam fuga saepe animi recusandae. Asperiores, provident, esse, doloremque, adipisci eaque alias dolore molestias assumenda quasi saepe nisi ab illo ex nesciunt nobis laboriosam iusto quia nulla ad voluptatibus iste beatae voluptas corrupti facilis accusamus recusandae sequi debitis reprehenderit quibusdam. Facilis eligendi a exercitationem nisi et placeat excepturi velit!</div>
<div class="accordion-header">
<div class="accordion-icon">
<i class="accordion-closed bi-check-circle-fill"></i>
<i class="accordion-open bi-x-circle-fill"></i>
</div>
<div class="accordion-title">
Helpful Resources for Authors
</div>
</div>
<div class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, placeat, architecto rem dolorem dignissimos repellat veritatis in et eos doloribus magnam aliquam ipsa alias assumenda officiis quasi sapiente suscipit veniam odio voluptatum. Enim at asperiores quod velit minima officia accusamus cumque eligendi consequuntur fuga? Maiores, quasi, voluptates, exercitationem fuga voluptatibus a repudiandae expedita omnis molestiae alias repellat perferendis dolores dolor.</div>
</div>
<h4 class="mb-3">Item Discussion <small>(3)</small></h4>
<div class="accordion mb-5 accordion-border" data-state="closed">
<div class="accordion-header">
<div class="accordion-icon">
<i class="accordion-closed bi-check-circle-fill"></i>
<i class="accordion-open bi-x-circle-fill"></i>
</div>
<div class="accordion-title">
What Images, Videos, Code Can I Use in my Items?
</div>
</div>
<div class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda, dolorum, vero ipsum molestiae minima odio quo voluptate illum excepturi quam cum voluptates doloribus quae nisi tempore necessitatibus dolores ducimus enim libero eaque explicabo suscipit animi at quaerat aliquid ex expedita perspiciatis? Saepe, aperiam, nam unde quas beatae vero vitae nulla.</div>
<div class="accordion-header">
<div class="accordion-icon">
<i class="accordion-closed bi-check-circle-fill"></i>
<i class="accordion-open bi-x-circle-fill"></i>
</div>
<div class="accordion-title">
Can I use trademarked names in my items?
</div>
</div>
<div class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, placeat, architecto rem dolorem dignissimos repellat veritatis in et eos doloribus magnam aliquam ipsa alias assumenda officiis quasi sapiente suscipit veniam odio voluptatum. Enim at asperiores quod velit minima officia accusamus cumque eligendi consequuntur fuga? Maiores, quasi, voluptates, exercitationem fuga voluptatibus a repudiandae expedita omnis molestiae alias repellat perferendis dolores dolor.</div>
<div class="accordion-header">
<div class="accordion-icon">
<i class="accordion-closed bi-check-circle-fill"></i>
<i class="accordion-open bi-x-circle-fill"></i>
</div>
<div class="accordion-title">
How can I get support for an item?
</div>
</div>
<div class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, fugiat iste nisi tempore nesciunt nemo fuga? Nesciunt, delectus laboriosam nisi repudiandae nam fuga saepe animi recusandae. Asperiores, provident, esse, doloremque, adipisci eaque alias dolore molestias assumenda quasi saepe nisi ab illo ex nesciunt nobis laboriosam iusto quia nulla ad voluptatibus iste beatae voluptas corrupti facilis accusamus recusandae sequi debitis reprehenderit quibusdam. Facilis eligendi a exercitationem nisi et placeat excepturi velit!</div>
</div>
<h4 class="mb-3">Affiliates <small>(2)</small></h4>
<div class="accordion mb-5 accordion-border" data-state="closed">
<div class="accordion-header">
<div class="accordion-icon">
<i class="accordion-closed bi-check-circle-fill"></i>
<i class="accordion-open bi-x-circle-fill"></i>
</div>
<div class="accordion-title">
How does the Tuts+ Premium affiliate program work?
</div>
</div>
<div class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda, dolorum, vero ipsum molestiae minima odio quo voluptate illum excepturi quam cum voluptates doloribus quae nisi tempore necessitatibus dolores ducimus enim libero eaque explicabo suscipit animi at quaerat aliquid ex expedita perspiciatis? Saepe, aperiam, nam unde quas beatae vero vitae nulla.</div>
<div class="accordion-header">
<div class="accordion-icon">
<i class="accordion-closed bi-check-circle-fill"></i>
<i class="accordion-open bi-x-circle-fill"></i>
</div>
<div class="accordion-title">
Tips for Increasing Your Referral Income
</div>
</div>
<div class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, placeat, architecto rem dolorem dignissimos repellat veritatis in et eos doloribus magnam aliquam ipsa alias assumenda officiis quasi sapiente suscipit veniam odio voluptatum. Enim at asperiores quod velit minima officia accusamus cumque eligendi consequuntur fuga? Maiores, quasi, voluptates, exercitationem fuga voluptatibus a repudiandae expedita omnis molestiae alias repellat perferendis dolores dolor.</div>
</div>
</div>
<div class="col-lg-4">
<div class="row">
<div class="col-md-6 col-lg-12">
<div class="card bg-dark dark mb-5 pb-2 px-2">
<div class="card-body">
<h3 class="mb-3 text-uppercase ls-1">About Us</h3>
<h3 class="card-title mb-3">Special title treatment</h3>
<p class="card-text text-white-50">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab magni saepe, quam dolore, unde commodi fugit voluptatibus excepturi tenetur delectus iusto, aut porro qui earum magnam, doloribus nostrum laborum sed laudantium incidunt. Provident incidunt odio, labore magni, unde quam modi.</p>
<a href="demo-car-dealers.html" class="button button-3d button-rounded m-0">Read More</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-12">
<div class="card">
<img class="card-img-top" src="demos/car/images/call.jpg" alt="Card image cap">
<div class="card-body">
<h4 class="mb-1 color">Call Toll Free:</h4>
<h2 class="card-title mb-2"><i class="bi-telephone position-relative me-1 color" style="top: 4px;"></i> 1800(2345)(6789)</h2>
<p class="card-text">We are 24/7 available. Our expert staff is standing by to answer your questions. You can also contact by email: <a class="btn-link" href="mailto:noreply@canvas.com">noreply@canvas.com</a></p>
</div>
</div>
</div>
<div class="col-md-12 col-lg-12 mt-4">
<h3 class="mb-3">Car Reviews</h3>
<div class="fslider testimonial p-0" data-animation="slide" data-arrows="false">
<div class="flexslider">
<div class="slider-wrap">
<div class="slide">
<div class="row">
<div class="col-auto pt-2">
<img class="rounded-circle" src="images/testimonials/1.jpg" width="64" height="64" alt="Customer Testimonails">
</div>
<div class="col">
<p class="mb-3 font-secondary">Seamlessly conceptualize multimedia based web services for optimal human capital. Collaboratively evisculate e-business value.</p>
<h4 class="h6 mb-0 fw-medium">Siri Alexa</h4>
<small class="text-muted">Apple Inc.</small>
</div>
</div>
</div>
<div class="slide">
<div class="row">
<div class="col-auto pt-2">
<img class="rounded-circle" src="images/testimonials/2.jpg" width="64" height="64" alt="Customer Testimonails">
</div>
<div class="col">
<p class="mb-3 font-secondary">Natus voluptatum enim quod necessitatibus quis expedita harum provident eos obcaecati id culpa corporis molestias.</p>
<h4 class="h6 mb-0 fw-medium">Collis Ta'eed</h4>
<small class="text-muted">Envato Inc.</small>
</div>
</div>
</div>
<div class="slide">
<div class="row">
<div class="col-auto pt-2">
<a href="#"><img class="rounded-circle" src="images/testimonials/1.jpg" alt="Customer Testimonails"></a>
</div>
<div class="col">
<p class="mb-3 font-secondary">Incidunt deleniti blanditiis quas aperiam recusandae consequatur ullam quibusdam cum libero illo rerum!</p>
<h4 class="h6 mb-0 fw-medium">John Doe</h4>
<small class="text-muted">XYZ Inc.</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="dark border-0" style="background-color: #080808;">
<div class="container-fluid px-5">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap">
<div class="row col-mb-50 justify-content-between">
<div class="col-lg-7">
<div class="row col-mb-30">
<div class="col-6 col-lg-3">
<div class="widget widget_links widget-li-noicon">
<h4>Hire</h4>
<ul>
<li><a href="#">Documentation</a></li>
<li><a href="#">Feedback</a></li>
<li><a href="#">Plugins</a></li>
</ul>
</div>
</div>
<div class="col-6 col-lg-3">
<div class="widget widget_links widget-li-noicon">
<h4>Community</h4>
<ul>
<li><a href="#">Documentation</a></li>
<li><a href="#">Feedback</a></li>
<li><a href="#">Plugins</a></li>
<li><a href="#">Support Forums</a></li>
</ul>
</div>
</div>
<div class="col-6 col-lg-3">
<div class="widget widget_links widget-li-noicon">
<h4>Learn</h4>
<ul>
<li><a href="#">Documentation</a></li>
<li><a href="#">Feedback</a></li>
<li><a href="#">Plugins</a></li>
</ul>
</div>
</div>
<div class="col-6 col-lg-3">
<div class="widget widget_links widget-li-noicon">
<h4>About</h4>
<ul>
<li><a href="#">Documentation</a></li>
<li><a href="#">Feedback</a></li>
<li><a href="#">Plugins</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-5 text-center text-lg-end">
<img src="demos/car/images/logo-footer.png" alt="Image" height="50">
<br>
<div style="color: #444">
<span>&copy; Canvas Automotive. All Rights Reserved.</span>
<div class="clear"></div>
<p style="margin-top: 10px;">Objectively restore standards compliant opportunities whereas one-to-one collaboration and idea-sharing.</p>
</div>
</div>
</div>
</div><!-- .footer-widgets-wrap end -->
</div>
</footer><!-- #footer end -->
</div><!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="uil uil-angle-up"></div>
<!-- JavaScripts
============================================= -->
<script src="js/plugins.min.js"></script>
<script src="js/functions.bundle.js"></script>
</body>
</html>