THE LAST WEBSITE COMPANY YOU’LL EVER NEED The Attraction Marketing Project is the website platform that grows with your business from startup to established so that you can effectively market online and create more fun and freedom in your business.
A DIY SITE PERSONALIZED SUPPORT Designing and launching a professional looking website can feel like a huge undertaking, but with our unique website platform and personalized support, we make it easy to quickly edit and launch your site on your own.
Do It Yourself I’m ready to launch my website.
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 And Take My Money
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…
@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;
}
Want us to take over? We do that too! We get it! You may not have the time or energy to devote to a major website project right now and you just need someone to handle it. That’s why we offer custom design services from logos and banner graphics to custom designed websites.
Request an Invitation
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: 0px;
}
.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: -60px !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;
}
