uoloadinguoloading new version with contact
This commit is contained in:
Chris
parent
2df8ed0300
commit
e41275086f
BIN
painted/assets/images/airbrushtattooing.jpg
Normal file
BIN
painted/assets/images/airbrushtattooing.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
BIN
painted/assets/images/bg3.jpg
Normal file
BIN
painted/assets/images/bg3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
painted/assets/images/caricature.jpg
Normal file
BIN
painted/assets/images/caricature.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 175 KiB |
BIN
painted/assets/images/face/balloontwisterct.jpg
Normal file
BIN
painted/assets/images/face/balloontwisterct.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
BIN
painted/assets/images/logo copy.png
Normal file
BIN
painted/assets/images/logo copy.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
BIN
painted/assets/images/neonarchindex.jpg
Normal file
BIN
painted/assets/images/neonarchindex.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
BIN
painted/assets/images/slide/faceartboyssm.jpg
Normal file
BIN
painted/assets/images/slide/faceartboyssm.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 91 KiB |
BIN
painted/assets/images/slide/melfacepainting.jpg
Normal file
BIN
painted/assets/images/slide/melfacepainting.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
BIN
painted/assets/images/slide/page-1_img13_original.jpg
Normal file
BIN
painted/assets/images/slide/page-1_img13_original.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
BIN
painted/assets/images/slide/page-4_img02.jpg
Normal file
BIN
painted/assets/images/slide/page-4_img02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
BIN
painted/assets/images/slide/tigerfacelg.jpg
Normal file
BIN
painted/assets/images/slide/tigerfacelg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
BIN
painted/assets/images/stiltwalker.jpg
Normal file
BIN
painted/assets/images/stiltwalker.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
69
painted/contact/index.html
Normal file
69
painted/contact/index.html
Normal file
@ -0,0 +1,69 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<link rel="shortcut icon" href="/assets/images/logo.png" />
|
||||
|
||||
<link href="https://fonts.googleapis.com/css2?family=Sansita+Swashed:wght@500&display=swap" rel="stylesheet">
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
|
||||
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="/painted3/style.css">
|
||||
<title>Painted You - Facepainting and Balloon Twisting - Party Entertainment</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
|
||||
<a class="navbar-brand" href="#"><img src="/assets/images/logo copy.png" alt=""></a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
|
||||
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/painted3/index.html">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="https://www.beachpartyballoons.com">Balloon Decor</a>
|
||||
</li>
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="/painted3/contact/index.html">Contact Us <span
|
||||
class="sr-only">(current)</span></a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<form class="form-inline my-2 my-lg-0">
|
||||
<a href="tel:+2033062900">Give us a call: 203.306.2900</a>
|
||||
</form>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<script type="text/javascript" src="https://form.jotform.com/jsform/202736575195160"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<footer>
|
||||
Painted You © 2020 All Rights Reserved | <a href="mailto:paintme@paintedyou.com">paintme@paintedyou.com</a>
|
||||
</footer>
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
|
||||
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
|
||||
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
|
||||
integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
|
||||
crossorigin="anonymous"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -1,127 +1,205 @@
|
||||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Painted You - Facepainting and Balloon Twisting - Party Entertainment</title>
|
||||
<link rel="shortcut icon" href="/assets/images/logo.png" />
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<!-- Compiled and minified CSS -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
|
||||
<!-- fonts -->
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<link rel="shortcut icon" href="assets/images/logo.png" />
|
||||
|
||||
<!-- Compiled and minified JavaScript -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Sansita+Swashed:wght@500&display=swap" rel="stylesheet">
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
|
||||
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<title>Painted You - Facepainting and Balloon Twisting - Party Entertainment</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<div class="navbar-fixed">
|
||||
<nav>
|
||||
<div class="nav-wrapper pink lighten-2">
|
||||
<img class="brand-logo" src="assets/images/logo.png" class="logo" alt="logo">
|
||||
<a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
|
||||
<a class="navbar-brand" href="#"><img src="assets/images/logo copy.png" alt=""></a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
|
||||
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<ul class="right hide-on-med-and-down">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">About</a></li>
|
||||
<li><a href="#">Gallery</a></li>
|
||||
<li><a href="#">Contact</a></li>
|
||||
<li><a href="https://beachpartyballoons.com">Balloon Decor</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="/painted3/index.html">Home <span class="sr-only">(current)</span></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="https://www.beachpartyballoons.com">Balloon Decor</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/painted3/contact/index.html">Contact Us</a>
|
||||
</li>
|
||||
|
||||
<ul class="sidenav" id="mobile-demo">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">About</a></li>
|
||||
<li><a href="#">Gallery</a></li>
|
||||
<li><a href="#">Contact</a></li>
|
||||
<li><a href="https://beachpartyballoons.com">Balloon Decor</a></li>
|
||||
</ul>
|
||||
<form class="form-inline my-2 my-lg-0">
|
||||
<a href="tel:+2033062900">Give us a call: 203.306.2900</a>
|
||||
</form>
|
||||
</div>
|
||||
</header>
|
||||
</nav>
|
||||
|
||||
<div class="row">
|
||||
<div class="col s12 m12">
|
||||
<div class="card">
|
||||
<div class="card-image">
|
||||
<img src="assets/images/indexpic.jpg" alt="">
|
||||
<h1 class="display-3">Painted You</h1>
|
||||
|
||||
<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
|
||||
<ol class="carousel-indicators">
|
||||
<li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
|
||||
<li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
|
||||
<li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
|
||||
<li data-target="#carouselExampleCaptions" data-slide-to="3"></li>
|
||||
</ol>
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img src="assets/images/slide/melfacepainting.jpg" class="d-block w-100" alt="...">
|
||||
<div class="carousel-caption d-none d-md-block">
|
||||
<!-- <h5>First slide label</h5>
|
||||
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p> -->
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p>Painted You, Creative Entertainment provides professional party services both in the baltimore/dc
|
||||
area
|
||||
and
|
||||
connecticut
|
||||
(New Haven, Fairfield, Hartford). our trusted team of local experienced artists like face
|
||||
painters and
|
||||
balloon twisters
|
||||
In CT and MD are available for virtually any occasion from fun company picnics to birthday
|
||||
parties.
|
||||
scroll
|
||||
down to see
|
||||
more services!</p>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="assets/images/slide/faceartboyssm.jpg" class="d-block w-100" alt="...">
|
||||
<div class="carousel-caption d-none d-md-block">
|
||||
<!-- <h5>Second slide label</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="assets/images/slide/page-1_img13_original.jpg" class="d-block w-100" alt="...">
|
||||
<div class="carousel-caption d-none d-md-block">
|
||||
<!-- <h5>Third slide label</h5>
|
||||
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="assets/images/slide/tigerfacelg.jpg" class="d-block w-100" alt="...">
|
||||
<div class="carousel-caption d-none d-md-block">
|
||||
<!-- <h5>Third slide label</h5>
|
||||
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col s12 m12">
|
||||
<div class="card">
|
||||
<div class="card-image">
|
||||
<img src="assets/images/facepainting.jpg" alt="">
|
||||
<span class="card-title">Face Painting</span>
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p>Our professional face painters in Connecicut and Maryland are friendly and professional. Our
|
||||
water based
|
||||
hypollergenic
|
||||
face painting is good for indoor or outdoor events. We offer fast face painting designs and
|
||||
fancy
|
||||
options, even makeup
|
||||
appointments.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col s12 m12">
|
||||
<div class="card">
|
||||
<div class="card-image">
|
||||
<img src="assets/images/boysfacepaintingl.jpg" alt="">
|
||||
<span class="card-title">Balloon Twisting</span>
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p>Balloon twisting is one of our most popular services for all ages. We have balloon artists who
|
||||
can make
|
||||
almost anything
|
||||
from balloon dogs to fancy balloon hats, superheroes and even princesses. A balloon man is a
|
||||
great
|
||||
choice for any event!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="sr-only">Previous</span>
|
||||
</a>
|
||||
<a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="sr-only">Next</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
var elems = document.querySelectorAll('.sidenav');
|
||||
var instances = M.Sidenav.init(elems, {
|
||||
edge: 'left',
|
||||
draggable: true,
|
||||
inDuration: 250,
|
||||
outDuration: 200,
|
||||
onOpenStart: null,
|
||||
onOpenEnd: null,
|
||||
onCloseStart: null,
|
||||
onCloseEnd: null,
|
||||
preventScrolling: true
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<h1 class="display-4">Face Painting, Balloon Twisting & More!</h1>
|
||||
|
||||
<div class="card" style="width: 70vw; margin: auto;">
|
||||
<img src="assets/images/indexpic.jpg" class="card-img-top" alt="...">
|
||||
<div class="card-body">
|
||||
<p class="card-text">Painted You, Creative Entertainment provides professional party services both in the
|
||||
baltimore/dc
|
||||
area
|
||||
and
|
||||
connecticut
|
||||
(New Haven, Fairfield, Hartford). our trusted team of local experienced artists like face
|
||||
painters and
|
||||
balloon twisters
|
||||
In CT and MD are available for virtually any occasion from fun company picnics to birthday
|
||||
parties.
|
||||
scroll
|
||||
down to see
|
||||
more services!</p>
|
||||
</div>
|
||||
</div>
|
||||
<h1 class="display-4">Face Painting</h1>
|
||||
<div class="card">
|
||||
<img src="assets/images/facepainting.jpg" class="card-img-top" alt="...">
|
||||
<div class="card-body">
|
||||
<p class="card-text">Our professional face painters in Connecicut and Maryland are friendly and
|
||||
professional. Our
|
||||
water based
|
||||
hypollergenic
|
||||
face painting is good for indoor or outdoor events. We offer fast face painting designs and
|
||||
fancy
|
||||
options, even makeup
|
||||
appointments.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h1 class="display-4">Balloon Twisting</h1>
|
||||
<div class="card">
|
||||
<img src="assets/images/boysfacepaintingl.jpg" class="card-img-top" alt="...">
|
||||
<div class="card-body">
|
||||
<p class="card-text">Balloon twisting is one of our most popular services for all ages. We have balloon
|
||||
artists who
|
||||
can make
|
||||
almost anything
|
||||
from balloon dogs to fancy balloon hats, superheroes and even princesses. A balloon man is a
|
||||
great
|
||||
choice for any event!.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h1 class="display-4">Air Brush Tatoos</h1>
|
||||
<div class="card">
|
||||
<img src="assets/images/airbrushtattooing.jpg" class="card-img-top" alt="...">
|
||||
<div class="card-body">
|
||||
<p class="card-text">Airbrush tattoos for parties are ideal for all ages. Temporary tattoos are fast to
|
||||
apply so they are affordable
|
||||
entertainment for larger groups. Glitter tattoos and airbrushing last 3-8 days and are waterproof.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h1 class="display-4">Balloon Decor</h1>
|
||||
<div class="card">
|
||||
<a href="https://www.beachpartyballoons.com" target="_blank">
|
||||
<img src="assets/images/neonarchindex.jpg" class="card-img-top" alt="...">
|
||||
</a>
|
||||
<div class="card-body">
|
||||
<p class="card-text">Visit our balloon store at 572 Boston Post Road, Milford, Ct We have literally hundreds
|
||||
of helium
|
||||
balloon options and custom balloon
|
||||
décor for any occasion. Free consultation, and delivery is available in most areas.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h1 class="display-4">Stilt Walkers</h1>
|
||||
<div class="card">
|
||||
<img src="assets/images/stiltwalker.jpg" class="card-img-top" alt="...">
|
||||
<div class="card-body">
|
||||
<p class="card-text">Stilt walkers provide photo opportunities & interaction with guests. Stilt artists are
|
||||
a great way to warm up a crowd
|
||||
and can hand out candy, beads, or promo materials.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h1 class="display-4">Caricatures</h1>
|
||||
<div class="card">
|
||||
<img src="assets/images/caricature.jpg" class="card-img-top" alt="...">
|
||||
<div class="card-body">
|
||||
<p class="card-text">A caricature artist can draw each guest as a cartoon. Party caricaturists in CT and MD
|
||||
provide entertainment and a
|
||||
take-home gift.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<footer>
|
||||
Painted You © 2020 All Rights Reserved | <a href="mailto:paintme@paintedyou.com">paintme@paintedyou.com</a>
|
||||
</footer>
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
|
||||
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
|
||||
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
|
||||
integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
|
||||
crossorigin="anonymous"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -1,107 +1,46 @@
|
||||
/* body {
|
||||
padding: 2rem;
|
||||
margin: 0 auto;
|
||||
max-width: 60rem;
|
||||
} */
|
||||
/*
|
||||
@import url('https://fonts.googleapis.com/css?family=Work+Sans:400,600');
|
||||
body {
|
||||
margin: 0;
|
||||
/* background: #222;
|
||||
font-family: 'Work Sans', sans-serif;
|
||||
font-weight: 800;
|
||||
|
||||
nav{
|
||||
background-image: url(assets/images/bg3.jpg) ;
|
||||
background-color: pink;
|
||||
font-family: 'Sansita Swashed', cursive;
|
||||
|
||||
}
|
||||
.nav-link{
|
||||
font-size: x-large;
|
||||
}
|
||||
@media (min-width: 1000px){
|
||||
.w-100 {
|
||||
width: 65%!important;
|
||||
margin: auto;
|
||||
}
|
||||
.carousel-control-next, .carousel-control-prev{
|
||||
background-color: rgb(218, 148, 197);
|
||||
}
|
||||
}
|
||||
|
||||
.nav {
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
|
||||
.card{
|
||||
width: 70vw;
|
||||
margin: auto;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.display-4, .display-3{
|
||||
font-family: 'Sansita Swashed', cursive;
|
||||
text-align: center;
|
||||
color: rgb(241, 147, 233);
|
||||
}
|
||||
|
||||
header {
|
||||
background: #fd85e9;
|
||||
|
||||
footer{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
width: 100vw;
|
||||
background-color: rgb(241, 147, 233);
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
header::after {
|
||||
content: '';
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.logo {
|
||||
float: left;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
nav {
|
||||
float: right;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
nav li {
|
||||
display: inline-block;
|
||||
margin-left: 70px;
|
||||
padding-top: 23px;
|
||||
|
||||
position: relative;
|
||||
}
|
||||
|
||||
nav a {
|
||||
color: #444;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
nav a:hover {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
nav a::before {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 5px;
|
||||
background-color: #444;
|
||||
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 0%;
|
||||
|
||||
transition: all ease-in-out 250ms;
|
||||
}
|
||||
|
||||
nav a:hover::before {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-around;
|
||||
max-width: 100%;
|
||||
margin: 50px;
|
||||
|
||||
}
|
||||
.container div{
|
||||
flex-basis: 500px;
|
||||
background-color: aqua;
|
||||
contain: content;
|
||||
padding: 20px;
|
||||
margin: 20px;
|
||||
}
|
||||
*/
|
||||
|
||||
.sidenav-overlay{
|
||||
z-index: 0 !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
.brand-logo{
|
||||
padding-top: 3px !important;
|
||||
padding-left: 3px !important;
|
||||
|
||||
#contact{
|
||||
max-width: 80%;
|
||||
margin: auto;
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user