uoloadinguoloading new version with contact

This commit is contained in:
Chris 2020-11-06 20:36:43 -05:00
parent 2df8ed0300
commit e41275086f
15 changed files with 292 additions and 206 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 175 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 77 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

View 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>

View File

@ -1,127 +1,205 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <!-- Required meta tags -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8">
<title>Painted You - Facepainting and Balloon Twisting - Party Entertainment</title> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="shortcut icon" href="/assets/images/logo.png" /> <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">
<!-- Compiled and minified JavaScript --> <link href="https://fonts.googleapis.com/css2?family=Sansita+Swashed:wght@500&display=swap" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> <!-- 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> </head>
<body> <body>
<header> <nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
<div class="navbar-fixed"> <a class="navbar-brand" href="#"><img src="assets/images/logo copy.png" alt=""></a>
<nav> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
<div class="nav-wrapper pink lighten-2"> aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<img class="brand-logo" src="assets/images/logo.png" class="logo" alt="logo"> <span class="navbar-toggler-icon"></span>
<a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a> </button>
<ul class="right hide-on-med-and-down"> <div class="collapse navbar-collapse" id="navbarSupportedContent">
<li><a href="#">Home</a></li> <ul class="navbar-nav mr-auto">
<li><a href="#">About</a></li> <li class="nav-item active">
<li><a href="#">Gallery</a></li> <a class="nav-link" href="/painted3/index.html">Home <span class="sr-only">(current)</span></a>
<li><a href="#">Contact</a></li> </li>
<li><a href="https://beachpartyballoons.com">Balloon Decor</a></li> <li class="nav-item">
</ul> <a class="nav-link" href="https://www.beachpartyballoons.com">Balloon Decor</a>
</div> </li>
</nav> <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> </ul>
<form class="form-inline my-2 my-lg-0">
<a href="tel:+2033062900">Give us a call: 203.306.2900</a>
</form>
</div> </div>
</header> </nav>
<div class="row"> <h1 class="display-3">Painted You</h1>
<div class="col s12 m12">
<div class="card"> <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
<div class="card-image"> <ol class="carousel-indicators">
<img src="assets/images/indexpic.jpg" alt=""> <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>
<div class="card-content"> </div>
<p>Painted You, Creative Entertainment provides professional party services both in the baltimore/dc <div class="carousel-item">
area <img src="assets/images/slide/faceartboyssm.jpg" class="d-block w-100" alt="...">
and <div class="carousel-caption d-none d-md-block">
connecticut <!-- <h5>Second slide label</h5>
(New Haven, Fairfield, Hartford). our trusted team of local experienced artists like face <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> -->
painters and </div>
balloon twisters </div>
In CT and MD are available for virtually any occasion from fun company picnics to birthday <div class="carousel-item">
parties. <img src="assets/images/slide/page-1_img13_original.jpg" class="d-block w-100" alt="...">
scroll <div class="carousel-caption d-none d-md-block">
down to see <!-- <h5>Third slide label</h5>
more services!</p> <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> </div>
</div> <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
<div class="row"> <span class="carousel-control-prev-icon" aria-hidden="true"></span>
<div class="col s12 m12"> <span class="sr-only">Previous</span>
<div class="card"> </a>
<div class="card-image"> <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
<img src="assets/images/facepainting.jpg" alt=""> <span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="card-title">Face Painting</span> <span class="sr-only">Next</span>
</div> </a>
<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>
</div> </div>
<script> <h1 class="display-4">Face Painting, Balloon Twisting & More!</h1>
document.addEventListener('DOMContentLoaded', function () {
var elems = document.querySelectorAll('.sidenav'); <div class="card" style="width: 70vw; margin: auto;">
var instances = M.Sidenav.init(elems, { <img src="assets/images/indexpic.jpg" class="card-img-top" alt="...">
edge: 'left', <div class="card-body">
draggable: true, <p class="card-text">Painted You, Creative Entertainment provides professional party services both in the
inDuration: 250, baltimore/dc
outDuration: 200, area
onOpenStart: null, and
onOpenEnd: null, connecticut
onCloseStart: null, (New Haven, Fairfield, Hartford). our trusted team of local experienced artists like face
onCloseEnd: null, painters and
preventScrolling: true balloon twisters
}); In CT and MD are available for virtually any occasion from fun company picnics to birthday
}); parties.
</script> 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> </body>
</html> </html>

View File

@ -1,107 +1,46 @@
/* body { nav{
padding: 2rem; background-image: url(assets/images/bg3.jpg) ;
margin: 0 auto; background-color: pink;
max-width: 60rem; font-family: 'Sansita Swashed', cursive;
} */
/* }
@import url('https://fonts.googleapis.com/css?family=Work+Sans:400,600'); .nav-link{
body { font-size: x-large;
margin: 0; }
/* background: #222; @media (min-width: 1000px){
font-family: 'Work Sans', sans-serif; .w-100 {
font-weight: 800; width: 65%!important;
margin: auto;
}
.carousel-control-next, .carousel-control-prev{
background-color: rgb(218, 148, 197);
}
} }
.nav {
width: 80%; .card{
margin: 0 auto; 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 { #contact{
content: ''; max-width: 80%;
display: table; margin: auto;
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;
} }