116 lines
3.8 KiB
HTML
116 lines
3.8 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html style="background:orange;">
|
||
|
|
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
|
||
|
|
<title>Vol Attire | APPAREL FOR THE DISCERNING SCOFFLAW</title>
|
||
|
|
<link href="styles.css" rel="stylesheet" type="text/css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<style type="text/css">
|
||
|
|
@media (min-width: 300px) and (max-width: 349px) {
|
||
|
|
d300::after {
|
||
|
|
content: "300px";
|
||
|
|
outline: 1px solid gray; } }
|
||
|
|
|
||
|
|
@media (min-width: 350px) and (max-width: 399px) {
|
||
|
|
d350::after {
|
||
|
|
content: "350px";
|
||
|
|
outline: 1px solid gray; } }
|
||
|
|
|
||
|
|
@media (min-width: 400px) and (max-width: 449px) {
|
||
|
|
d400::after {
|
||
|
|
content: "400px";
|
||
|
|
outline: 1px solid gray; } }
|
||
|
|
|
||
|
|
@media (min-width: 450px) and (max-width: 499px) {
|
||
|
|
d450::after {
|
||
|
|
content: "450px";
|
||
|
|
outline: 1px solid gray; } }
|
||
|
|
|
||
|
|
@media (min-width: 500px) and (max-width: 549px) {
|
||
|
|
d500::after {
|
||
|
|
content: "500px";
|
||
|
|
outline: 1px solid gray; } }
|
||
|
|
|
||
|
|
@media (min-width: 550px) and (max-width: 599px) {
|
||
|
|
d550::after {
|
||
|
|
content: "550px";
|
||
|
|
outline: 1px solid gray; } }
|
||
|
|
|
||
|
|
@media (min-width: 600px) and (max-width: 649px) {
|
||
|
|
d600::after {
|
||
|
|
content: "600px";
|
||
|
|
outline: 1px solid gray; } }
|
||
|
|
|
||
|
|
@media (min-width: 650px) and (max-width: 699px) {
|
||
|
|
d650::after {
|
||
|
|
content: "650px";
|
||
|
|
outline: 1px solid gray; } }
|
||
|
|
|
||
|
|
@media (min-width: 700px) and (max-width: 749px) {
|
||
|
|
d700::after {
|
||
|
|
content: "700px";
|
||
|
|
outline: 1px solid gray; } }
|
||
|
|
|
||
|
|
@media (min-width: 750px) and (max-width: 799px) {
|
||
|
|
d750::after {
|
||
|
|
content: "750px";
|
||
|
|
outline: 1px solid gray; } }
|
||
|
|
|
||
|
|
@media (min-width: 800px) and (max-width: 849px) {
|
||
|
|
d800::after {
|
||
|
|
content: "800px";
|
||
|
|
outline: 1px solid gray; } }
|
||
|
|
|
||
|
|
@media (min-width: 850px) and (max-width: 899px) {
|
||
|
|
d850::after {
|
||
|
|
content: "850px";
|
||
|
|
outline: 1px solid gray; } }
|
||
|
|
|
||
|
|
@media (min-width: 900px) and (max-width: 949px) {
|
||
|
|
d900::after {
|
||
|
|
content: "900px";
|
||
|
|
outline: 1px solid gray; } }
|
||
|
|
|
||
|
|
@media (min-width: 950px) and (max-width: 999px) {
|
||
|
|
d950::after {
|
||
|
|
content: "950px";
|
||
|
|
outline: 1px solid gray; } }
|
||
|
|
|
||
|
|
@media (min-width: 1000px) and (max-width: 1049px) {
|
||
|
|
d1000::after {
|
||
|
|
content: "1000px";
|
||
|
|
outline: 1px solid gray; } }
|
||
|
|
|
||
|
|
@media (min-width: 1050px) and (max-width: 1099px) {
|
||
|
|
d1050::after {
|
||
|
|
content: "1050px";
|
||
|
|
outline: 1px solid gray; } }
|
||
|
|
|
||
|
|
@media (min-width: 1100px) and (max-width: 1149px) {
|
||
|
|
d1100::after {
|
||
|
|
content: "1100px";
|
||
|
|
outline: 1px solid gray; } }
|
||
|
|
|
||
|
|
@media (min-width: 1150px) and (max-width: 1199px) {
|
||
|
|
d1150::after {
|
||
|
|
content: "1150px";
|
||
|
|
outline: 1px solid gray; } }
|
||
|
|
|
||
|
|
@media (min-width: 1200px) and (max-width: 1249px) {
|
||
|
|
d1200::after {
|
||
|
|
content: "1200px";
|
||
|
|
outline: 1px solid gray; } }
|
||
|
|
|
||
|
|
@media (min-width: 1250px) and (max-width: 1299px) {
|
||
|
|
d1250::after {
|
||
|
|
content: "1250px";
|
||
|
|
outline: 1px solid gray; } }
|
||
|
|
</style>
|
||
|
|
<body><d300></d300>
|
||
|
|
<p><d350></d350> <d400></d400> <d450></d450> <d500></d500> <d550></d550> <d600></d600> <d650></d650> <d700></d700> <d750></d750> <d800></d800> <d850></d850> <d900></d900> <d950></d950> <d1000></d1000> <d1050></d1050> <d1100></d1100> <d1150></d1150> <d1200></d1200> <d1250></d1250>
|
||
|
|
<h2 class="motto">HAVE A PHILOSOPHY. MAKE A STATEMENT. BUT DO IT IN STYLE. DO IT WITH CLASS. BE MODERN. BE ELEGANT. BE BOLD. BE COLORFUL. WEAR VOL.</h2>
|
||
|
|
<!-- Load React. --><!-- Note: when deploying, replace "development.js" with "production.min.js". --><script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script><script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script><script src="https://unpkg.com/react-router-dom/umd/react-router-dom.min.js"></script><!-- <script src="https://unpkg.com/react-contenteditable@3.3.2/lib/react-contenteditable.js"></script> -->
|
||
|
|
|
||
|
|
<div id="root"></div>
|
||
|
|
<!-- Load our React component. --><script src="bundle.js"></script></body>
|
||
|
|
</html>
|