Create a Website That Grows With Your Business From Startup to Established
Designing and launching a professional looking website can feel like a huge undertaking. But with our websites and personalized support, we make it easy to quickly edit and launch your site on your own.
@media screen and (min-width: 882px){
#imgHover .g3-1of3 {
width: 33.3%;
}}
#imgHover .g3-1of3 {
height: 100%;
z-index: 9;
}
.overlayimg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
margin: 0;
transition: .5s ease;
background-color: #229F9F;
}
#imgHover .g3-1of3:hover .overlayimg {
opacity: 0.9;
}
.text {
color: white;
position: absolute;
text-align: center;
width: 100%;
height: 60%;
padding-top: 30%;
cursor: pointer;
}
@-webkit-keyframes fadeInDown {
from {
opacity:0;
-webkit-transform: translatey(-10px);
-moz-transform: translatey(-10px);
-o-transform: translatey(-10px);
transform: translatey(-10px);
}
to {
opacity:1;
-webkit-transform: translatey(0);
-moz-transform: translatey(0);
-o-transform: translatey(0);
transform: translatey(0);
}
}
@-moz-keyframes fadeInDown {
from {
opacity:0;
-webkit-transform: translatey(-10px);
-moz-transform: translatey(-10px);
-o-transform: translatey(-10px);
transform: translatey(-10px);
}
to {
opacity:1;
-webkit-transform: translatey(0);
-moz-transform: translatey(0);
-o-transform: translatey(0);
transform: translatey(0);
}
}
@keyframes fadeInDown {
from {
opacity:0;
-webkit-transform: translatey(-10px);
-moz-transform: translatey(-10px);
-o-transform: translatey(-10px);
transform: translatey(-10px);
}
to {
opacity:1;
-webkit-transform: translatey(0);
-moz-transform: translatey(0);
-o-transform: translatey(0);
transform: translatey(0);
}
}
.text:hover {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
animation-duration: 0.5s;
}
All the features you need
Responsive Across All Devices Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…
Proprietary Theme Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…
Customized Style Editor Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…
Blogging Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…
Video Backgrounds Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…
Site Search Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…
Custom HTML/CSS & Javascript Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…
Analytic Integrations Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…
Email Marketing Integrations Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…
Payment Integrations Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…
Customizable Form Builder Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…
Membership Platform Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…
Courses Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…
E-Commerce Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…
Hosting Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…
SSL Security Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…
Use your own Domain Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…
Personalized Support
The Attraction Marketing Project is your very own tech support with free, unlimited hosting, premium security, an enterprise-grade infrastructure, and individualized support. As an AMP member, you’ll never be just a number. Instead, you’ll have a personal working relationship with the founders and management team. Plus, you’ll get access to our online community, weekly live training, and self-paced courses to help you become a better marketer.
What They're Saying
“AMP is fantastic, Mike and I love your customer service and as a result are referring all of our clients and friends!.” - Hannah Place
“I would never have been able to build and maintain a website without the training and development AMP provides!” - Lindsay Lombardi
“I love the look and feel of my website and I love that AMP is always striving to improve quality and service.” - Deryl Duer
〈
〉
#myCarousel {
padding: 0px;
}
#stestimonials1{
padding: 1px 0px;
}
@media screen and (min-width: 1300px){
#stestimonials1 .grid-wrap{
max-width: 1000px;
}
}
@media screen and (max-width: 1200px){
#stestimonials1 .grid-wrap{
padding: 30px 15%;
}
}
@media screen and (min-width: 882px){
#stestimonials1 .grid-wrap{
height: 150px;
margin: 0 auto;
padding: 30px 80px;
display: block;
}
}
@media screen and (max-width: 750px){
#stestimonials1 .grid-wrap{
height: 200px;
}
}
@media screen and (max-width: 881px){
#stestimonials1 .grid-wrap{
height: 170px;
}
}
@media screen and (max-width: 450px){
#stestimonials1 .grid-wrap{
height: 180px;
}
}
@media screen and (max-width: 550px){
.carousel-control.left, .carousel-control.right{
display: none;
}
}
.carousel-indicators li{
border: 1px solid #333;
}
.carousel-indicators .active{
background-color: #333;
}
.carousel-control.left, .carousel-control.right{
top: 50px !important;
background: none !important;
}
@media screen and (min-width: 1500px){
.carousel-control.left{
margin-left: 0%;
}
.carousel-control.right{
margin-right: 0%;
}
}
@media screen and (max-width: 1499px){
.carousel-control.left{
margin-left: 2%;
}
.carousel-control.right{
margin-right: 2%;
}
}
Don’t have the time or energy to devote to a major website project? We get it! We also offer custom design services from logos to custom designed websites and more.
Your website should be the foundation for all your marketing efforts. Have you been neglecting your greatest online business asset?
.sectionWrap.content-seamless .grid-wrap .section-content {
padding: 10vh 10vw; }
#sectionWrap-12 .content-col-1 { background: #4d5454; }
#sectionWrap-12 .content-col-2 { background: #0a9595; }
Do It Yourself I’m ready to launch my website. I want to do it myself with support along the way. DIY But Not Alone
Done For You I’m tired of spending any more time on my website. I just want a professional to do it for me. Shut Up & Take My Money
Our Clients Love Us
Shannah Holt
Mastering Mom Chaos! "I love the value!!! We are quite spoiled. There are so many things we get in a hosted site that others have to pay for. I really do brag about AMP every chance I get!"
Samantha Forrest
Uncensored Fitness "I love the personal connections with the AMP Team & that our website is a one-stop-shop for our clients!"
Alicia Coulter
Health & Fitness Coach "I love the ease of creating my website, and the tutorials you provide that walk me through how I want to do things."
Melanie Sobocinski
Certified Holistic Life Coach, Certified Personal Trainer and Group- X Instructor "My AMP website is to easy to navigate and keep updated. I love that the AMP team is right there to help and work with us."
#DT360Testimonials .g3-1of2 img{
width: 120%;
}
.boxTestimonials {
border: 5px solid #fff;
width: 50%;
left: 15%;
padding: 50px 30px;
background: #fff;
}
@media screen and (min-width: 882px) {
.boxTestimonials {
border: 5px solid #fff;
width: 75%;
left: -15%;
padding: 50px 30px;
background: #fff;
margin-top: 10%;
box-shadow: 0 0 15px rgba(0,0,0,0.3);
}}
#SliderCarousel{
padding-bottom: 100px;
}
.carousel {
position: relative;
line-height: 1;
margin-bottom: -2px;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner > .item {
position: relative;
display: none;
-webkit-transition: 0.6s ease-in-out left;
-moz-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img {
display: block;
line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 50%;
left: 15px;
width: 30px;
height: 30px;
margin-top: -20px;
font-size: 30px;
font-weight: 100;
line-height: 42px;
color: #ffffff;
text-align: center;
background: #222222;
border: 3px solid #ffffff;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
opacity: 0.5;
filter: alpha(opacity=50);
}
.carousel-control.right {
right: 15px;
left: auto;
}
.carousel-control:hover {
color: #ffffff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
.carousel-caption {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 15px;
background: #333333;
background: rgba(0, 0, 0, 0.75);
}
.carousel-caption h4,
.carousel-caption p {
line-height: 20px;
color: #ffffff;
}
.carousel-caption h4 {
margin: 0 0 5px;
}
.carousel-caption p {
margin-bottom: 0;
}
.carousel-indicators {
position: absolute;
bottom: 15px !important;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -10px;
font-size: 30px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -10px;
}
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 30px;
}
.carousel-indicators {
bottom: -10px;
}
}
@-webkit-keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform: translatex(-10px);
-moz-transform: translatex(-10px);
-o-transform: translatex(-10px);
transform: translatex(-10px);
}
to {
opacity:1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}
@-moz-keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform: translatex(-10px);
-moz-transform: translatex(-10px);
-o-transform: translatex(-10px);
transform: translatex(-10px);
}
to {
opacity:1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}
@keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform: translatex(-100px);
-moz-transform: translatex(-100px);
-o-transform: translatex(-100px);
transform: translatex(-100px);
}
to {
opacity:1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}
.in-left {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-o-animation-duration:1s;
animation-delay: 1s;
}
/**/
.carousel-indicators .active {
background-color: #AD1612;
}
.carousel-indicators li {
border: 1px solid #AD1612;
}
