Skip to content

2
21_22-J-02
Commit 7253c6fb authored by Chathurdi Vibhuda's avatar Chathurdi Vibhuda
Browse files
Options

style: Bootstrap

parent f61c0b7d
Hide whitespace changes
Inline Side-by-side
Showing with 1006 additions and 0 deletions
BE-Aeasthatic-Quality-Check/colorcube-master/FE-InHome/home_page.html 0 → 100644
View file @ 7253c6fb
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from inspirothemes.com/polo/header-dark.html by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 08 Dec 2019 02:28:29 GMT -->
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="INSPIRO" />
<meta name="description" content="Themeforest Template Polo" />
<link rel="icon" type="image/png" href="images/favicon.png" />
<title>PRESENTLY</title>
<link href="css/plugins.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
</head>
<body>
<div class="body-inner">
<header id="header" class="lite">
<div class="header-inner">
<div class="container">
<div id="logo">
<img src="images/logo.png" class="img-fluid" style="width: 300px;">
</div>
<div id="search">
<a
id="btn-search-close"
class="btn-search-close"
aria-label="Close search form"
><i class="icon-x"></i
></a>
<form
class="search-form"
action="https://inspirothemes.com/polo/search-results-page.html"
method="get"
>
<input
class="form-control"
name="q"
type="search"
placeholder="Type & Search..."
/>
<span class="text-muted"
>Start typing & press "Enter" or "ESC" to close</span
>
</form>
</div>
<div class="header-extras">
<ul>
<li>
<a id="btn-search" href="#"> <i class="icon-search"></i></a>
</li>
<li>
<div class="p-dropdown">
<a href="#"><i class="icon-globe"></i><span>EN</span></a>
<ul class="p-dropdown-content">
<li><a href="#">French</a></li>
<li><a href="#">Spanish</a></li>
<li><a href="#">English</a></li>
</ul>
</div>
</li>
</ul>
</div>
<div id="mainMenu-trigger">
<a class="lines-button x"><span class="lines"></span></a>
</div>
<div id="mainMenu">
<div class="container">
<nav>
<ul>
<li><a href="index-2.html">Home</a></li>
<li><a href="index-2.html">Contact Us</a></li>
<li><a href="index-2.html">About Us</a></li>
<li><a href="index-2.html">Profile</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</header>
<div id="slider" class="inspiro-slider slider-fullscreen dots-creative" data-height-xs="360">
<div class="slide kenburns" data-bg-parallax="images/wallpaper.png">
<div class="bg-overlay"></div>
<div class="container">
<div class="slide-captions text-light">
<span data-animate="fadeInUp" data-animate-delay="300" class="strong"><a href="#" class="business"><span class="business">Let's Do This</span></a>
</span>
<h1 data-animate="fadeInUp" data-animate-delay="600">
A personal trainer app <br/>to self-train and improve presentation skills
</h1>
<div data-animate="fadeInUp" data-animate-delay="900">
<button type="button" class="btn btn-rounded btn-reveal btn-reveal-left">
<span>Learn More</span><i class="icon-chevron-right"></i>
</button>
</div>
<div class="row" style="padding-top: 14%">
<div class="col-lg-3" data-animate="fadeInUp" data-animate-delay="1200">
<h4>Highly Customizable</h4>
<p>
Nulla varius consequat magna, id molestie ipsum volutpat
quis. A true story, that never been told!.
</p>
</div>
<div class="col-lg-3" data-animate="fadeInUp" data-animate-delay="1500">
<h4>Clean Code</h4>
<p>
Nulla varius consequat magna, id molestie ipsum volutpat
quis. A true story, that never been told!.
</p>
</div>
<div class="col-lg-3" data-animate="fadeInUp" data-animate-delay="1800">
<h4>Heavily Awarded</h4>
<p>
Nulla varius consequat magna, id molestie ipsum volutpat
quis. A true story, that never been told!.
</p>
</div>
<div class="col-lg-3" data-animate="fadeInUp" data-animate-delay="2100">
<h4>Fast Performance</h4>
<p>
Nulla varius consequat magna, id molestie ipsum volutpat
quis. A true story, that never been told!.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container carousel arrows-visibile testimonial testimonial-single testimonial-blockquote" data-items="1" data-autoplay="true" data-animate-in="fadeIn" data-animate-out="fadeOut" data-loop="true">
<div class="testimonial-item">
<p>
Polo is by far the most amazing template out there! I literally
could not be happier that I chose to buy this template!
</p>
<span>Alan Monre</span>
<span>CEO, Square Software</span>
</div>
<div class="testimonial-item">
<p>
Polo is by far the most amazing template out there! I literally
could not be happier that I chose to buy this template!
</p>
<span>Alan Monre</span>
<span>CEO, Square Software</span>
</div>
<div class="testimonial-item">
<p>
The world is a dangerous place to live; not because of the
people who are evil, but because of the people who don't do
anything about it.
</p>
<span>Alan Monre</span>
<span>CEO, Square Software</span>
</div>
</div>
<div class="container d-flex mt-5">
<div class="row">
<div class="col-12">
<h4 class="">Upload Video/Audio file</h4>
<div>
<form id="fileUpload1" action="https://inspirothemes.com/file-upload" class="dropzone">
<div class="fallback">
<input name="file" type="file" multiple />
</div>
</form>
<small id="dropzoneHelp" class="form-text text-muted">Max file size is 2MB and max number of files is 10.</small>
</div>
<div class="line"></div>
</div>
<div class="col-12">
<h4 class="">Upload Presentation file</h4>
<div>
<form id="fileUpload2" action="https://inspirothemes.com/file-upload" class="dropzone">
<div class="fallback">
<input name="file" type="file" multiple />
</div>
</form>
<small id="dropzoneHelp" class="form-text text-muted">Max file size is 2MB and max number of files is 10.</small>
</div>
<div class="line"></div>
</div>
</div>
</div>
<section class="p-t-100 p-b-100" style="background-image: url(images/title-banner.png);">
<div class="bg-overlay"></div>
<div class="container xs-text-center sm-text-center text-light">
<div class="row">
<div class="col-lg-5 p-b-60">
<h2>Our Numbers & Smoth parallax</h2>
<p class="lead">
Nulla varius consequat magna, id molestie ipsum volutpat quis. A
true story, that never been told!. Fusce id mi diam, non ornare.
Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, id
molestie ipsum volutpat quis. facilisis ut venenatis eu.
</p>
<a href="#services" class="btn btn-light btn-outline btn-rounded">Our Services</a>
</div>
<div class="col-lg-7">
<div class="row">
<div class="col-lg-6">
<div class="text-center">
<div class="counter text-lg">
<span data-speed="3000" data-refresh-interval="50" data-to="12416" data-from="600" data-seperator="true"></span>
</div>
<div class="seperator seperator-small"></div>
<p>LINES OF CODE</p>
</div>
</div>
<div class="col-lg-6">
<div class="text-center">
<div class="counter text-lg">
<span data-speed="4500" data-refresh-interval="23" data-to="365" data-from="100" data-seperator="true"></span>
</div>
<div class="seperator seperator-small"></div>
<p>SUCCESS STORIES</p>
</div>
</div>
<div class="col-lg-6">
<div class="text-center">
<div class="counter text-lg">
<span data-speed="3000" data-refresh-interval="12" data-to="114" data-from="50" data-seperator="true"></span>
</div>
<div class="seperator seperator-small"></div>
<p>FINISHED PROJECTS</p>
</div>
</div>
<div class="col-lg-6">
<div class="text-center">
<div class="counter text-lg">
<span data-speed="4550" data-refresh-interval="50" data-to="14825" data-from="48" data-seperator="true"></span>
</div>
<div class="seperator seperator-small"></div>
<p>SATISFIED CLIENTS</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="heading-text heading-section text-center">
<h2>WHAT WE DO</h2>
<span class="lead">Create amaThe most happiest time of the day!.</span>
</div>
<div class="row">
<div class="col-lg-4">
<div>
<h4>Web Development</h4>
<p>
Lorem ipsum dolor sit amet, consecte adipiscing elit.
Suspendisse condimentum porttitor cursumus.
</p>
</div>
</div>
<div class="col-lg-4">
<div>
<h4>Social Marketing</h4>
<p>
Lorem ipsum dolor sit amet, consecte adipiscing elit.
Suspendisse condimentum porttitor cursumus.
</p>
</div>
</div>
<div class="col-lg-4">
<div>
<h4>Graphic Design</h4>
<p>
Lorem ipsum dolor sit amet, consecte adipiscing elit.
Suspendisse condimentum porttitor cursumus.
</p>
</div>
</div>
<div class="col-lg-4">
<div>
<h4>Web Design</h4>
<p>
Lorem ipsum dolor sit amet, consecte adipiscing elit.
Suspendisse condimentum porttitor cursumus.
</p>
</div>
</div>
<div class="col-lg-4">
<div>
<h4>App Development</h4>
<p>
Lorem ipsum dolor sit amet, consecte adipiscing elit.
Suspendisse condimentum porttitor cursumus.
</p>
</div>
</div>
<div class="col-lg-4">
<div>
<h4>Hosting services</h4>
<p>
Lorem ipsum dolor sit amet, consecte adipiscing elit.
Suspendisse condimentum porttitor cursumus.
</p>
</div>
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="footer-content">
<div class="container">
<div class="row">
<div class="col-xl-2 col-lg-2 col-md-3">
<div class="widget">
<h4>PROJECT</h4>
<ul class="list">
<li><a href="#">Latest Release</a></li>
<li><a href="#">Updates</a></li>
<li><a href="#">License</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Links</a></li>
</ul>
</div>
</div>
<div class="col-xl-2 col-lg-2 col-md-3">
<div class="widget">
<h4>SUPPORT</h4>
<ul class="list">
<li><a href="#">Troubleshooting</a></li>
<li><a href="#">Common Questions</a></li>
<li><a href="#">Report a Bug</a></li>
<li><a href="#">Get Help</a></li>
<li><a href="#">FAQS</a></li>
</ul>
</div>
</div>
<div class="col-xl-2 col-lg-2 col-md-3">
<div class="widget">
<h4>TEAM</h4>
<ul class="list">
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Portfolio</a></li>
</ul>
</div>
</div>
<div class="col-xl-2 col-lg-2 col-md-3">
<div class="widget">
<h4>INFO</h4>
<ul class="list">
<li><a href="#">Get Directions</a></li>
<li><a href="#">Call Us</a></li>
<li><a href="#">Our Staff</a></li>
</ul>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-12">
<div class="widget clearfix widget-newsletter">
<h4 class="widget-title">
<i class="fa fa-envelope"></i> Sign Up For a Newsletter
</h4>
<p>
Weekly breaking news, analysis and cutting edge advices on
job searching.
</p>
<form class="widget-subscribe-form p-r-40" action="https://inspirothemes.com/polo/include/subscribe-form.php" role="form" method="post" novalidate="novalidate">
<div class="input-group">
<input aria-required="true" name="widget-subscribe-form-email" class="form-control required email" placeholder="Enter your Email" type="email"/>
<span class="input-group-btn">
<button type="submit" id="widget-subscribe-submit-button" class="btn">
<i class="fa fa-paper-plane"></i>
</button>
</span>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="copyright-content">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="social-icons social-icons-colored float-left">
<ul>
<li class="social-rss">
<a href="#"><i class="fa fa-rss"></i></a>
</li>
<li class="social-facebook">
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li class="social-twitter">
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
<li class="social-vimeo">
<a href="#"><i class="fab fa-vimeo"></i></a>
</li>
<li class="social-youtube">
<a href="#"><i class="fab fa-youtube"></i></a>
</li>
<li class="social-pinterest">
<a href="#"><i class="fab fa-pinterest"></i></a>
</li>
<li class="social-gplus">
<a href="#"><i class="fab fa-google-plus-g"></i></a>
</li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="copyright-text text-center">
&copy; 2021 Presently - Personal Trainer App
All Rights Reserved.
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<a id="scrollTop"><i class="icon-chevron-up"></i><i class="icon-chevron-up"></i></a>
<script src="js/jquery.js"></script>
<script src="js/plugins.js"></script>
<script src="js/functions.js"></script>
<link href="plugins/dropzone/dropzone.css" rel="stylesheet">
<script src="plugins/dropzone/dropzone.js"></script>
<script>
Dropzone.autoDiscover = false;
//Form 1
var form2 = $('#fileUpload1');
form2.dropzone({
url: "http://polo/files/post",
addRemoveLinks: true,
maxFiles: 1,
maxFilesize: 10,
acceptedFiles: "image/*",
});
//Form 2
var form2 = $('#fileUpload2');
form2.dropzone({
url: "http://polo/files/post",
addRemoveLinks: true,
maxFiles: 1,
maxFilesize: 10,
acceptedFiles: "image/*",
});
//Form 3
var form3 = $('#fileUpload3');
form3.dropzone({
url: "http://polo/files/post",
maxFilesize: 5,
acceptedFiles: "image/*",
previewsContainer: "#formFiles3",
previewTemplate: $("#formTemplate3").html(),
clickable: ".dropzone-attach-files"
});
</script>
</body>
</html>
BE-Aeasthatic-Quality-Check/colorcube-master/colorCube.html 0 → 100644
View file @ 7253c6fb
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="INSPIRO" />
<meta name="description" content="Themeforest Template Polo" />
<link rel="icon" type="image/png" href="FE-InHome/images/favicon.png" />
<link href="FE-InHome/css/plugins.css" rel="stylesheet" />
<link href="FE-InHome/css/style.css" rel="stylesheet" />
<meta charset="UTF-8">
<title>ColorCube </title>
<link rel="stylesheet" href="assets/css/styles.css" type="text/css">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@oomphinc">
<meta name="og:title" content="ColorCube: Evaluate Accessible Color Palettes">
<meta name="twitter:title" content="ColorCube: Evaluate Accessible Color Palettes">
<meta name="og:description" content="Adjust color values to meet WCAG Level AA or AAA standards for legible color combinations.">
<meta name="twitter:description" content="Adjust color values to meet WCAG Level AA or AAA standards for legible color combinations.">
<meta name="og:image" content="assets/img/ColorCube-screenshot.png">
<meta name="twitter:image" content="assets/img/ColorCube-screenshot.png">
<meta name="twitter:image:alt" content="We are sorry, but this tool is not optimized for the visually impaired.">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>[Color Detector]</title>
<script type="text/javascript" src="./assets/js/detection.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="./assets/css/main.css" />
</head>
<body>
<header id="header" class="lite">
<div class="header-inner">
<div class="container">
<div id="logo">
<img src="FE-InHome/images/logo.png" class="img-fluid" style="width: 300px;">
</div>
<div id="search">
<a
id="btn-search-close"
class="btn-search-close"
aria-label="Close search form"
><i class="icon-x"></i
></a>
<form
class="search-form"
action="https://inspirothemes.com/polo/search-results-page.html"
method="get"
>
<input
class="form-control"
name="q"
type="search"
placeholder="Type & Search..."
/>
<span class="text-muted"
>Start typing & press "Enter" or "ESC" to close</span
>
</form>
</div>
<div class="header-extras">
<ul>
<li>
<a id="btn-search" href="#"> <i class="icon-search"></i></a>
</li>
<li>
<div class="p-dropdown">
<a href="#"><i class="icon-globe"></i><span>EN</span></a>
<ul class="p-dropdown-content">
<li><a href="#">French</a></li>
<li><a href="#">Spanish</a></li>
<li><a href="#">English</a></li>
</ul>
</div>
</li>
</ul>
</div>
<div id="mainMenu-trigger">
<a class="lines-button x"><span class="lines"></span></a>
</div>
<div id="mainMenu">
<div class="container">
<nav>
<ul>
<li><a href="index-2.html">Home</a></li>
<li><a href="index-2.html">Contact Us</a></li>
<li><a href="index-2.html">About Us</a></li>
<li><a href="index-2.html">Profile</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</header>
<div class="l__max u__space__outer cc__brand">
<h2 class="cc__brand__title">
</h2>
</div>
<main class="l__main p__main">
<article class="l__max u__space__outer">
<form action="/" class="u__space__outer u__space__vertical cc__form" method="post">
<div class="g__row">
<div class="g__col g--three rhythm">
<h2>Step 1:</h2>
<p>Detect HEX colors from the input image. </p>
<!--Here is where the user uploads-->
<div>
Upload as many images as you would like.
</div>
<br>
<input type="file" id="files" name="files[]" multiple />
<br>
<output id="list"></output>
<!--This script has to be called after the file input is initialized-->
<script>
document.getElementById('files').addEventListener('change', handleFileSelect, false);
</script>
<!--This is where the image will technically go when we're taking color information from it (standard HTML5)-->
<canvas id="canvas" style="display: none;" width="150" height="150"></canvas>
<!--This is where the colors will show up-->
<div id="theme">
<p id="message"></p>
<!--Something curious about this is if you keep clicking on the image,
you'll get the same colors, but sometimes in a different order.-->
<div id="pickedColor" class="colorResults"></div>
<div id="color1" class="colorResults"></div>
<div id="color2" class="colorResults"></div>
<div id="color3" class="colorResults"></div>
</div>
<br>
<br>
<div id="scheme">
<br>
<br>
<br>
<br>
<p>
Generated Mono Color Scheme
</p>
<div class="swatches">
<div class="swatch" id="s0"></div>
<div class="swatch" id="s1"></div>
<div class="swatch" id="s2"></div>
<div class="swatch" id="s3"></div>
<div class="swatch" id="s4"></div>
<div class="swatch" id="s5"></div>
<div class="swatch" id="s6"></div>
<div class="swatch" id="s7"></div>
<div class="swatch" id="s8"></div>
<div class="swatch" id="s9"></div>
<input type = "text" id="ts3" class="inputField">
<input type = "text" id="ts0" class="inputField">
<input type = "text" id="ts1" class="inputField">
<input type = "text" id="ts2" class="inputField">
<textarea style="display: none;" name="" id="txtArea" cols="10" rows="5"></textarea>
</div>
</div>
<div>
<div class="g__col g--three">
<div class="cc__form__row">
<label class="cc__form__label" for="white-value">Light</label>
<input class="cc__form__input" type="text" id="white-value" name="white-value" value="#FFFFFF" required />
</div>
<div class="cc__form__row">
<label class="cc__form__label" for="black-value">Dark</label>
<input class="cc__form__input" type="text" id="black-value" name="black-value" value="#101010" required />
</div>
</div>
</div>
<!-- Submit Button -->
<div class="cc__form__submit g--wide text-align-center">
<input id="brand-color-button" name="brand-color-button" type="submit" class="cc__form__button" value="Get Ratios">
</div>
</div>
</form>
<div id="results-content" class="u__space__vertical--bottom cc__results">
<div class="u__space__outer cc__results__description">
<h2 class="cc__results__title u__space__vertical--bottom">Step 2: Review colors!</h2>
<div class="g__row">
<div class="g__col g--two rhythm">
<h3>Criteria</h3>
<p>This tool shows three different ratio targets and how your color performs with each — white, black, or other colors in your palette:</p>
<ul>
<li><strong class="text-light">WCAG Level AAA:</strong> a contrast ratio equal or greater than <strong>7.0</strong>. For large-scale text, a ratio equal or greater than <strong>4.5</strong>.</li>
<li><strong class="text-light">WCAG Level AA:</strong> a contrast ratio equal or greater than <strong>4.5</strong>. For large-scale text, a ratio equal or greater than <strong>3.0</strong>.</li>
<li>Text that is considered “Large-scale” is <strong>18 points (24px)</strong> or larger or <strong>14 points (19px) and bold</strong> or larger.</li>
</ul>
</div>
<div class="g__col g--two rhythm">
<p>For more details about success criteria, see the <a title="Go to w3 website in a new window" target="_blank" href="https://www.w3.org/TR/WCAG21/#contrast-minimum">WCAG 2.1 minimum contrast ratios</a> page.</p>
<h3>Modify with HSL</h3>
<p><strong>Why HSL?</strong> By modifying primarily the saturation and/or lightness, the original intention of the color is intact. To modify the Hue would be to start to modify the color from a blue to a blue-green, or from a red to an orange. Of course, modify the Hue as you wish as well, but our intention is to show how small movements to the saturation and lightness can increase accessibility while retaining the intention of the brand color. <a href="https://www.nixsensor.com/what-is-hsl-color/" target="_blank">More about how HSL works</a>.</p>
</div>
</div>
</div>
<div id="results-output" class="u__space__vertical--top cc__results__content"></div>
<div class="l__max--text u__space__outer u__space__vertical--top rhythm cc__results__description">
<h3>Edge values</h3>
<p>Be careful with <strong class="text-light">EDGE</strong> values &mdash; the color passes validation, but is within 0.5. It may still present a legibility issue even though it gets a passing grade. </p>
<h3>Most legible Pair</h3>
<p>From the given list of colors, which color combination is the <em>most legible</em>? This does not mean that the color pair will pass minimum requirements, but it has the best chance of passing. </p>
<p><strong class="text-light">Custom:</strong> Use the text input to change the color pairing.</p>
<h3>Check your hover text color vs. your body text color</h3>
<p>If <a title="Go to Webaim.org, link opens in a new window." target="_blank" href="http://webaim.org/techniques/hypertext/link_text#appearance">links are not underlined</a>, there must be 3:1 contrast between link text and body text and also an additional change (e.g., underlining) on mouse hover and keyboard focus. Use the tool to compare your link color against your body text color to see how they pair in the Most Legible column.</p>
</div>
</div>
</article>
</main>
<footer id="footer">
<div class="footer-content">
<div class="container">
<div class="row">
<div class="col-xl-2 col-lg-2 col-md-3">
<div class="widget">
</div>
</div>
</div>
</div>
</div>
<div class="copyright-content">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="social-icons social-icons-colored float-left">
<ul>
<li class="social-rss">
<a href="#"><i class="fa fa-rss"></i></a>
</li>
<li class="social-facebook">
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li class="social-twitter">
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
<li class="social-vimeo">
<a href="#"><i class="fab fa-vimeo"></i></a>
</li>
<li class="social-youtube">
<a href="#"><i class="fab fa-youtube"></i></a>
</li>
<li class="social-pinterest">
<a href="#"><i class="fab fa-pinterest"></i></a>
</li>
<li class="social-gplus">
<a href="#"><i class="fab fa-google-plus-g"></i></a>
</li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="copyright-text text-center">
&copy; 2021 Presently - Personal Trainer App
All Rights Reserved.
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
</div>
<a id="scrollTop"><i class="icon-chevron-up"></i><i class="icon-chevron-up"></i></a>
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script type="text/javascript" src="assets/js/tinycolor.js"></script>
<script type="text/javascript" src="assets/js/colorcube.js" ></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-43388256-3', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>
\ No newline at end of file
BE-Aeasthatic-Quality-Check/colorcube-master/startPage.html 0 → 100644
View file @ 7253c6fb
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="INSPIRO" />
<meta name="description" content="Themeforest Template Polo" />
<link rel="icon" type="image/png" href="FE-InHome/images/favicon.png" />
<link href="FE-InHome/css/plugins.css" rel="stylesheet" />
<link href="FE-InHome/css/style.css" rel="stylesheet" />
<meta charset="UTF-8">
<title>PRESENTLY </title>
<link rel="stylesheet" href="assets/css/styles.css" type="text/css">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@oomphinc">
<meta name="og:title" content="ColorCube: Evaluate Accessible Color Palettes">
<meta name="twitter:title" content="ColorCube: Evaluate Accessible Color Palettes">
<meta name="og:description" content="Adjust color values to meet WCAG Level AA or AAA standards for legible color combinations.">
<meta name="twitter:description" content="Adjust color values to meet WCAG Level AA or AAA standards for legible color combinations.">
<meta name="og:image" content="assets/img/ColorCube-screenshot.png">
<meta name="twitter:image" content="assets/img/ColorCube-screenshot.png">
<meta name="twitter:image:alt" content="We are sorry, but this tool is not optimized for the visually impaired.">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>[Color Detector]</title>
<script type="text/javascript" src="./assets/js/detection.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="./assets/css/main.css" />
</head>
<body>
<div class="body-inner">
<header id="header" class="lite">
<div class="header-inner">
<div class="container">
<div id="logo">
<img src="FE-InHome/images/logo.png" class="img-fluid" style="width: 300px;">
</div>
<div id="search">
<a
id="btn-search-close"
class="btn-search-close"
aria-label="Close search form"
><i class="icon-x"></i
></a>
<form
class="search-form"
action="https://inspirothemes.com/polo/search-results-page.html"
method="get"
>
<input
class="form-control"
name="q"
type="search"
placeholder="Type & Search..."
/>
<span class="text-muted"
>Start typing & press "Enter" or "ESC" to close</span
>
</form>
</div>
<div class="header-extras">
<ul>
<li>
<a id="btn-search" href="#"> <i class="icon-search"></i></a>
</li>
<li>
<div class="p-dropdown">
<a href="#"><i class="icon-globe"></i><span>EN</span></a>
<ul class="p-dropdown-content">
<li><a href="#">French</a></li>
<li><a href="#">Spanish</a></li>
<li><a href="#">English</a></li>
</ul>
</div>
</li>
</ul>
</div>
<div id="mainMenu-trigger">
<a class="lines-button x"><span class="lines"></span></a>
</div>
<div id="mainMenu">
<div class="container">
<nav>
<ul>
<li><a href="index-2.html">Home</a></li>
<li><a href="index-2.html">Contact Us</a></li>
<li><a href="index-2.html">About Us</a></li>
<li><a href="index-2.html">Profile</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</header>
<div class="l__max u__space__outer cc__brand">
<h2 class="cc__brand__title">
<!-- <a href="." title="Press to reload page and start over with default values"> -->
<!-- <img class="cc__brand__logo" src="assets/img/presently.jpeg" alt="" width="390"> -->
Slide Quality Checker
<!-- </a> -->
</h2>
<!-- <p class="cc__brand__subtitle text-italic text-light">Color Accessibility Checker built by <a title="Go to Oomph website, link opens in a new window." target="_blank" href="//oomphinc.com">Oomph</a></p> -->
</div>
<div class="cc__form__submit g--wide text-align-center">
<div>
<a href="colorCube.html">
<img src = "/Users/chithuwedage/Downloads/color accuracy.webp" width="300" height="200">
<input id="brand-color-button" name="brand-color-button" type="submit" class="cc__form__button" value="Color Accuracy" style="align-items:center">
</a>
</div>
<div>
<img src = "/Users/chithuwedage/Downloads/CSC-Reviewer-Grammar.png" width="300" height="200">
<input id="brand-color-button" name="brand-color-button" type="submit" class="cc__form__button" value="Grammer Checker">
</div>
<div>
<a href="contrastChecker.html">
<img src = "/Users/chithuwedage/Downloads/color-blind.jpeg" width="300" height="200">
<input id="brand-color-button" name="brand-color-button" type="submit" class="cc__form__button" value="Visual Accessibility Checker">
</a>
</div>
<div>
<img src = "/Users/chithuwedage/Downloads/images (2).jpeg" width="300" height="200">
<input id="brand-color-button" name="brand-color-button" type="submit" class="cc__form__button" value="Visibility Checker">
</div>
<!-- <img src = "/Users/chithuwedage/Downloads/object detector.png" width="200" height="100">
<input id="brand-color-button" name="brand-color-button" type="submit" class="cc__form__button" value="Object preparation"> -->
</div>
<footer id="footer">
<div class="footer-content">
<div class="container">
<div class="row">
<div class="col-xl-2 col-lg-2 col-md-3">
<div class="widget">
</div>
</div>
</div>
</div>
</div>
<div class="copyright-content">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="social-icons social-icons-colored float-left">
<ul>
<li class="social-rss">
<a href="#"><i class="fa fa-rss"></i></a>
</li>
<li class="social-facebook">
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li class="social-twitter">
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
<li class="social-vimeo">
<a href="#"><i class="fab fa-vimeo"></i></a>
</li>
<li class="social-youtube">
<a href="#"><i class="fab fa-youtube"></i></a>
</li>
<li class="social-pinterest">
<a href="#"><i class="fab fa-pinterest"></i></a>
</li>
<li class="social-gplus">
<a href="#"><i class="fab fa-google-plus-g"></i></a>
</li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="copyright-text text-center">
&copy; 2021 Presently - Personal Trainer App
All Rights Reserved.
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
</div>
<a id="scrollTop"><i class="icon-chevron-up"></i><i class="icon-chevron-up"></i></a>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment