fotofriend.com Ads.txt file
<!DOCTYPE html>
<html lang="en">
<head>
<style>
@font-face {
font-family: 'avenir';
src: url('/content/font/avenirnextregular.woff2') format('woff2'),
url('/content/font/avenirnextregular.woff') format('woff'),
url('/content/font/avenirnextregular.ttf') format('truetype'),
url('/content/font/avenirnextregular.svg#avenirnextregular') format('svg');
font-display: swap;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'avenir';
src: url('/content/font/avenirnextregular.svg#avenirnextregular') format('svg');
font-display: swap;
}
}
body {
background-color: white;
}
html {
scroll-behavior: smooth;
}
.n-landingpage-body {
height: 100%;
margin: 0;
font-size: 19px;
line-height: 1.42857143;
color: #2C3740;
background: #fff;
word-break: break-word;
font-family: 'avenir',sans-serif;
}
.n-clear {
clear: both;
}
.n-header {
padding: 15px 40px;
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: white;
z-index: 2;
-webkit-box-shadow: 0 2px 8px rgb(232 240 243 / 50%);
box-shadow: 0 2px 8px rgb(232 240 243 / 50%);
}
.n-h-logo {
float: left;
}
.n-h-logo img {
height: 40px;
}
.n-header-action ul {
margin: 0;
padding: 0;
list-style: none;
}
.n-header-action ul li {
display: inline;
}
.n-header-action ul li a {
font-size: 15px;
line-height: 47px;
align-items: center;
font-family: 'AvenirNextDemiBold', sans-serif;
-webkit-transition: .2s;
transition: .2s;
letter-spacing: 2px;
text-decoration: none;
color: black;
text-transform: uppercase;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.sign-in-homepage {
padding-right: 0 !important;
}
.sign-up-homepage {
color: #257BFF !important;
border-left: 1px solid #DEE2E6;
padding-left: 1em !important;
}
/* .n-header-action ul li a:hover {
color: #39B2FF;
} */
.n-header-action ul li {
display: inline;
margin-left: 20px;
}
.n-header-action {
float: right;
}
.n-blue-bg {
background: #007DFF;
color: #fff !important;
}
.n-blue-bg:hover,
.n-black-bg:hover {
background: #39B2FF;
}
.n-btn {
font-family: 'AvenirNextDemiBold',sans-serif;
border: none;
border-radius: 8px;
cursor: pointer;
text-align: center;
display: inline-block;
padding: 15px 0;
width: 200px;
font-size: 21px;
line-height: 1.44;
-moz-transition: all 0.15s ease-in-out;
-webkit-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
text-decoration: none;
}
.n-btn-xs {
width: 180px;
}
.n-btn-create {
width: 140px;
vertical-align: top;
/* top: 0; */
font-size: 16px;
/* width: 110px; */
height: 24px;
margin: 0;
padding: 10px 0;
margin-right: 15px;
}
.n-s1-above-title {
font-size: 24px;
text-transform: uppercase;
line-height: 24px;
margin-bottom: 15px;
}
.n-s1-title {
margin-bottom: 25px;
}
.n-s1-title img {
width: 400px;
height: 94px;
}
.n-s-description {
line-height: 32px;
margin-bottom: 30px;
}
.n-section-inner {
height: 900px;
}
.n-w-50 {
float: left;
width: 50%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.n-s-img img {
width: 100%;
height: 750px;
--h: 750px;
object-fit: contain;
}
.n-s-img.i1 img {
width: calc(var(--h) * 1556 / 1446);
}
.n-s-img.i2 img {
width: calc(var(--h) * 1598 / 1516);
}
.n-s-img.i3 img {
width: calc(var(--h) * 1412 / 1510);
}
.n-s-img.i4 img {
width: calc(var(--h) * 1398 / 1426);
}
.n-s-img.i5 img {
width: calc(var(--h) * 1329 / 1768);
}
/*.n-s-img.i6 img {
width: calc(var(--h) * 1864 / 1448);
}*/
.n-section-1 {
margin-top: 97px;
background-image: url('/content/assets/images/01-Background.png');
background-size: cover;
background-repeat: no-repeat;
background-position: 0 100%;
}
.n-section-2 {
background: #F9FAFC;
}
.n-section-3 {
background: #fff;
}
.n-section-4 {
background: rgba(244,245,250,0.5);
}
.n-section-5 {
background: #F4F5FA;
}
.n-section-6 {
background: rgba(244,245,250,0.5);
}
.n-section-7 {
background-image: url('/content/assets/images/07-Background.png');
background-size: cover;
background-repeat: no-repeat;
background-position: 0 30%;
}
.n-section-8 {
background-image: url('/content/assets/images/08-Background.png');
background-size: cover;
background-repeat: no-repeat;
background-position: 0 100%;
}
.n-footer {
background: #FFFFFF;
}
span.n-s-a-t-line {
height: 2px;
background: #2C3740;
width: 40px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.n-s-above-title {
font-size: 20px;
text-transform: uppercase;
margin-bottom: 10px;
}
.n-s-title {
font-size: 56px;
color: #1F282F;
font-family: 'AvenirNextDemiBold', sans-serif;
margin-bottom: 30px;
}
.n-icon-elem img {
width: 100px;
}
.icon-8 {
height: 111px;
width: auto !important;
margin-left: -23px;
}
.n-i-e-desc {
position: absolute;
top: 50%;
left: 0;
transform: translate(115px, -60%);
width: 55%;
}
.n-icon-elem {
position: relative;
margin-bottom: 30px;
}
img.rew-img-1 {
position: absolute;
top: -220px;
left: 100px;
width: 230px;
box-shadow: 0 2px 80px 0 rgb(0 0 0 / 10%);
}
img.rew-img-2 {
position: absolute;
top: -35px;
left: 175px;
width: 230px;
box-shadow: 0 2px 80px 0 rgb(0 0 0 / 10%);
}
.n-hover-white-box {
width: 290px;
box-shadow: 0 2px 80px 0 rgb(0 0 0 / 10%);
background: #fff;
position: relative;
top: 150px;
left: 236px;
padding: 40px;
display: inline-block;
}
.n-h-w-b-qoute-1 img,
.n-h-w-b-qoute-2 img {
height: 12px;
}
.n-h-w-b-qoute-1 {
position: absolute;
top: 10px;
left: 30px;
}
.n-h-w-b-qoute-2 {
position: absolute;
bottom: 10px;
right: 30px;
}
.n-white-color {
color: #fff;
}
.n-white-bg {
background: #fff !important;
}
.n-black-bg {
background: #1F282F;
color: #fff;
}
.n-s-d-img img {
width: 140px;
height: 44px;
}
.n-s-d-img a {
display: inline-block;
margin-right: 15px;
}
.n-f-t-left {
display: block;
width: 100%;
}
.n-f-t-right {
float: right;
}
.n-f-t-left img {
height: 40px;
float: left;
margin-right: 15px;
}
.n-f-t-left ul,
.n-f-b-elemnts ul,
.n-footer-bottom ul {
padding: 0;
margin: 0;
list-style: none;
}
.n-f-t-left ul li {
display: inline;
margin-right: 15px;
}
.n-f-t-left ul li a,
.n-f-b-elemnts ul a,
.n-footer-bottom ul a {
color: #191C35;
font-size: 16px;
text-decoration: none;
}
.n-f-t-left ul li a:hover,
.n-f-b-elemnts ul li a:hover,
.n-footer-bottom ul li a:hover {
color: #5e6973;
}
.n-f-t-right img {
width: 140px;
margin-left: 15px;
}
.n-f-b-title {
color: #5e6973;
text-transform: uppercase;
margin-bottom: 15px;
}
.n-w-25 {
width: 25%;
float: left;
}
.n-w-33 {
width: 33%;
float: left;
}
.n-copyright {
color: #384754;
}
.n-f-t-left ul {
float: left;
line-height: 40px;
}
.n-footer-top {
padding: 40px 0;
border-bottom: 1px solid #000;
}
.n-footer-body {
padding: 40px 0;
border-bottom: 1px solid #000;
}
.n-f-b-elemnts ul li {
margin-bottom: 5px;
}
.n-footer-bottom ul li {
display: inline;
margin-right: 15px;
}
.n-f-b-ul-social img {
width: 25px;
}
.n-f-b-ul-social {
float: right;
}
.n-f-b-ul-social li {
margin-left: 30px;
margin-right: 0;
}
.n-center-txt {
text-align: center;
}
.n-footer-bottom {
padding: 40px 0;
}
.n-img-100-h {
height: 900px !important;
}
.n-header-mobile-menu,
.n-mobile-header-action {
display: none;
}
.n-footer .n-section-inner {
height: auto !important;
}
.n-section-4 .n-section-inner {
height: 850px !important;
}
.n-section-6 .n-section-inner {
height: 650px !important;
}
.store-wrapper {
display: block;
margin-top: 2%;
}
.store-item {
display: flex;
justify-content: center;
flex-direction: column;
flex-wrap: wrap;
font-family: 'avenir',sans-serif;
font-size: 16px;
}
.store-item span {
margin: 0 auto;
}
.store-item:hover {
font-weight: 700;
}
@media (min-width: 993px) {
.store-wrapper {
display: block;
margin-top: -10%;
}
.store-wrapper .store-item {
margin-bottom: 60px;
}
.store-wrapper .store-item:last-child {
margin-bottom: 0;
}
.n-section-inner {
margin-right: auto;
margin-left: auto;
max-width: 940px;
height: 600px;
}
.n-s-text-wrapper {
padding: 10px 20px;
}
.n-img-100-h {
height: 600px !important;
}
.n-s-img img {
height: 500px;
--h: 500px;
}
img.rew-img-1 {
top: -220px;
left: 30px;
width: 200px;
}
img.rew-img-2 {
top: -55px;
left: 75px;
width: 200px;
}
.n-hover-white-box {
width: 250px;
top: 120px;
left: 100px;
}
}
@media (min-width: 1100px) {
.n-section-inner {
margin-right: auto;
margin-left: auto;
max-width: 940px;
}
}
@media (min-width: 1200px) {
.n-section-inner {
margin-right: auto;
margin-left: auto;
max-width: 1040px;
}
.n-s-text-wrapper {
padding: 10px 40px;
}
}
@media (min-width: 1300px) {
.n-section-inner {
margin-right: auto;
margin-left: auto;
max-width: 1140px;
height: 700px;
}
.n-img-100-h {
height: 700px !important;
}
.n-s-img img {
height: 600px;
--h: 600px;
}
}
@media (min-width: 1400px) {
.n-section-inner {
margin-right: auto;
margin-left: auto;
max-width: 1240px;
}
.n-s-text-wrapper {
padding: 10px 70px;
}
}
@media (min-width: 1500px) {
.n-section-inner {
margin-right: auto;
margin-left: auto;
max-width: 1340px;
height: 750px;
}
.n-img-100-h {
height: 750px !important;
}
.n-s-img img {
height: 650px;
--h: 650px;
}
}
@media (min-width: 1600px) {
.n-section-inner {
margin-right: auto;
margin-left: auto;
max-width: 1440px;
height: 800px;
}
.n-s-text-wrapper {
padding: 10px 100px;
}
.n-img-100-h {
height: 800px !important;
}
.n-s-img img {
height: 700px;
--h: 700px;
}
img.rew-img-1 {
top: -220px;
left: 100px;
width: 230px;
}
img.rew-img-2 {
top: -35px;
left: 175px;
width: 230px;
}
.n-hover-white-box {
width: 290px;
top: 150px;
left: 236px;
}
}
@media (min-width: 1700px) {
.n-section-inner {
margin-right: auto;
margin-left: auto;
max-width: 1540px;
height: 850px;
}
.n-img-100-h {
height: 850px !important;
}
.n-s-img img {
height: 720px;
--h: 720px;
}
}
@media (min-width: 1800px) {
.n-section-inner {
margin-right: auto;
margin-left: auto;
max-width: 1640px;
}
.n-s-text-wrapper {
padding: 10px 120px;
}
.n-s-img img {
height: 750px;
--h: 750px;
}
}
@media (min-width: 1900px) {
.n-section-inner {
margin-right: auto;
margin-left: auto;
max-width: 1740px;
}
}
@media (min-width: 2001px) {
.n-section-inner {
margin-right: auto;
margin-left: auto;
max-width: 1840px;
}
.n-s-text-wrapper {
padding: 10px 130px;
}
}
@media (max-width: 992px) {
.n-section-1 {
background-image: none;
}
.n-section-7 {
background-color: #ff285d;
background-image: none;
}
.n-section-8 {
background-color: #f4f5fa;
background-image: none;
}
.store-item {
line-height: 30px;
margin-bottom: 30px;
}
.n-header-mobile-menu {
display: block;
}
.n-header-action ul {
display: none;
}
.n-mobile-header-action {
display: block !important;
width: 100%;
background: #fff;
position: fixed;
height: 100vh;
z-index: 102;
top: 0;
right: 0;
transform: translate(100%, 0);
transition: ease-in-out 0.4s;
overflow: hidden;
padding: 50px 0 !important;
}
.n-mobile-header-action li {
display: block !important;
margin-left: 0 !important;
text-align: center;
margin-bottom: 20px !important;
}
.n-mobile-header-action li a {
font-size: 18px !important;
}
ul.n-mobile-header-action img {
height: 18px;
position: absolute;
top: 25px;
left: 25px;
}
.n-header-mobile-menu img {
height: 15px;
}
.is-open-nav-mobile .n-mobile-header-action {
transform: translate(0, 0);
}
.is-open-nav-mobile {
overflow: hidden;
}
.n-pad-mob-30 {
padding: 30px;
}
.n-section-6 .n-section-inner {
height: auto !important;
}
.n-section-inner {
height: auto;
}
.n-w-50 {
width: 100%;
top: 0;
transform: translate(0, 0);
}
.n-h-logo img {
height: 30px;
}
.n-landingpage-body {
font-size: 14px;
}
.n-s1-above-title {
font-size: 20px;
line-height: 20px;
}
.n-s1-title img {
width: 250px;
height: 59px;
}
.n-s-description {
line-height: 26px;
margin-bottom: 26px;
}
.n-btn {
padding: 8px 16px;
font-size: 16px;
}
.n-s-img img {
width: 100% !important;
/*height: auto;*/
object-fit: contain;
margin: 40px 0;
}
.n-s-img.i1 img {
height: calc((100vw - 60px) * 1446 / 1556);
}
.n-s-img.i2 img {
height: calc((100vw - 60px) * 1516 / 1598);
}
.n-s-img.i3 img {
height: calc((100vw - 60px) * 1510 / 1412);
}
.n-s-img.i4 img {
height: calc((100vw - 60px) * 1426 / 1398);
}
.n-s-img.i5 img {
height: calc((100vw - 60px) * 1768 / 1329) !important;
}
.n-s-img.i6 img {
height: calc((100vw - 60px) * 1448 / 1864);
}
.n-s-above-title {
font-size: 16px;
}
span.n-s-a-t-line {
width: 25px;
}
.n-s-title {
font-size: 34px;
margin-bottom: 20px;
}
.n-icon-elem img {
width: 60px;
}
.icon-8 {
height: 69px;
width: auto !important;
margin-left: -16px;
}
.n-icon-elem {
position: relative;
margin-bottom: 20px;
}
.n-i-e-desc {
transform: translate(80px, -60%);
width: 75%;
}
img.rew-img-1 {
position: absolute;
top: 0;
left: 0;
width: 150px;
}
img.rew-img-2 {
position: absolute;
top: 115px;
left: 40px;
width: 150px;
}
.n-hover-white-box {
width: 260px;
top: 230px;
padding: 25px;
left: 0;
position: relative;
}
.n-fixed-h-330 {
height: 330px;
}
.n-img-100-h {
height: auto !important;
}
.n-s-d-img img {
width: 110px;
height: 35px;
margin-bottom: 5px;
}
.n-footer-top,
.n-footer-body,
.n-footer-bottom {
padding: 25px 0;
}
.n-f-t-left img {
height: 30px;
}
.n-f-t-left ul {
line-height: 30px;
}
.n-f-t-left ul li a,
.n-f-b-elemnts ul a,
.n-footer-bottom ul a {
white-space: nowrap;
font-size: 13px;
}
.n-f-t-right img {
width: 110px;
margin-left: 0;
margin-right: 15px;
}
.n-f-t-right {
float: left;
margin-top: 10px;
}
.n-w-25,
.n-w-33 {
width: 100%;
}
.n-footer-body .n-w-25 {
margin-bottom: 25px;
}
.n-footer-bottom .n-center-txt {
text-align: left;
}
.n-f-b-ul-social {
float: left;
margin-top: 15px !important;
}
.n-f-b-ul-social li {
margin-right: 15px !important;
margin-left: 0 !important;
}
.n-footer-bottom ul {
margin-bottom: 15px;
}
.n-h-w-b-qoute-1 img, .n-h-w-b-qoute-2 img {
height: 8px;
}
.n-h-w-b-qoute-1 {
top: 5px;
left: 25px;
}
.n-h-w-b-qoute-2 {
bottom: 5px;
right: 25px;
}
.n-header {
padding: 25px 25px 10px 25px;
}
.n-h-logo {
margin-top: -10px;
}
.sign-up-homepage {
border: none !important;
}
}
.footer {
float:left;
width: 100%;
padding: 25px 0;
position: relative;
border-bottom: 1px solid #000;
margin-bottom: 25px;
}
.footer a {
text-decoration: none;
}
/** BOTTOM LINKS **/
.bottom-links div a:HOVER {
text-shadow: 0 0 0.2em #3EB5FE, 0 0 0.2em #3EB5FE, 0 0 0.2em #3EB5FE;
}
.bottom-links {
max-width:750px;
margin:0 auto 22px;
overflow:hidden;
display: flex;
justify-content: center;
}
.bottom-links ul {
list-style: none;
padding:0;
margin:0 auto;
}
.bottom-links ul li {
float:left;
}
.bottom-links ul li a {
text-decoration: none;
float:left;
color:#191C35;
font-family: 'avenir', sans-serif;
font-size: 14px;
margin-right: 28px;
font-weight:normal;
}
.bottom-links ul li a:hover{
color: #5e6973;
}
.bottom-links ul li:last-child a {
margin-right: 0;
}
.bottom-footerlinks {
float:left;
width:100%;
}
.bottom-footerlinks .bottom-button {
float:none;
width: 155px;
margin:0 auto;
overflow: hidden;
}
.bottom-footerlinks .bottom-button a {
background: #007DFF;
float:left;
width: 155px;
padding: 6px 0 8px 0;
color:#FFFFFF;
font-size: 17px;
font-family: 'avenir', sans-serif;
text-align: center;
}
.bottom-footerlinks .bottom-button a:HOVER {
background: #39B2FF;
}
.bottom-footerlinks .footer-mainblog {
background: #FFFFFF;
float:left;
width:100%;
display:none;
}
.bottom-footerlinks .footer-mainblog .footer-blogs {
float:none;
max-width:672px;
padding: 31px 0;
margin: 0 auto;
display:block;
overflow: hidden;
}
.bottom-footerlinks .footer-mainblog .footer-blogs .footer-blogcolums {
float:left;
width: 246px;
}
.bottom-footerlinks .footer-mainblog .footer-blogs .footer-blogcolums h1 {
float: left;
width: 100%;
color: #fff;
font-family: 'AvenirNextDemiBold', sans-serif;
font-size: 20px;
margin-bottom: 16px;
}
.bottom-footerlinks .footer-mainblog .footer-blogs .footer-blogcolums ul {
float: left;
width: 100%;
padding: 0;
margin: 0; /*for blog*/
}
.bottom-footerlinks .footer-mainblog .footer-blogs .footer-blogcolums ul li {
float:left;
width:100%;
list-style: none;
}
.bottom-footerlinks .footer-mainblog .footer-blogs .footer-blogcolums ul li a {
float: left;
line-height: 20px;
color: #191C35;
font-size: 16px;
font-family: 'avenir', sans-serif;
}
.bottom-footerlinks .footer-mainblog .footer-blogs .footer-blogcolums ul li a:hover {
color:#798690;
}
.bottom-footerlinks .footer-mainblog .footer-blogs .footer-blogcolums:last-child {
width: 179px;
}
@media (max-width:700px) {
.bottom-footerlinks .footer-mainblog .footer-blogs {
max-width: 100%;
margin: 0;
}
.bottom-footerlinks .footer-mainblog .footer-blogs .footer-blogcolums {
width: 100%;
min-height: auto;
margin-bottom: 20px;
text-align: center;
}
.bottom-footerlinks .footer-mainblog .footer-blogs .footer-blogcolums h1 {
text-align: center;
}
.bottom-footerlinks .footer-mainblog .footer-blogs .footer-blogcolums ul li a {
float: none;
}
.bottom-footerlinks .footer-mainblog .footer-blogs .footer-blogcolums:last-child {
width: 100%;
margin-bottom: 0;
}
}
@media (max-width:535px) {
.bottom-footerlinks .footer-mainblog .footer-blogs {
max-width: 100%;
margin: 0px;
}
.bottom-footerlinks .footer-mainblog .footer-blogs .footer-blogcolums {
width: 100%;
min-height: auto;
margin-bottom: 20px;
}
.bottom-footerlinks .footer-mainblog .footer-blogs .footer-blogcolums ul h1 {
text-align: center;
}
.bottom-footerlinks .footer-mainblog .footer-blogs .footer-blogcolums ul li a {
width: 100%;
text-align: center;
}
.bottom-footerlinks .footer-mainblog .footer-blogs .footer-blogcolums:last-child {
width: 100%;
}
}
</style>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag("js", new Date());
gtag("event", "start_pw");
gtag("config", "GTM-5MHHQJQ");
</script>
<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Organization",
"name" : "Ribbet",
"description" : "Ribbet creates easy to use photo editing software for desktop and mobile devices.",
"url" : "https://ribbet.com",
"founder" : "Ben Meisner",
"foundingDate" : "2012-03-18",
"foundingLocation": "Sydney, NSW, Australia",
"logo": "https://ribbet.com/content/assets/images/logo.jpg",
"slogan": "Love what you create with Ribbet photo editor",
"image": "https://ribbet.com/content/assets/images/01-IMAGE-1160.jpg",
"sameAs" : [
"https://www.facebook.com/ribbet",
"https://twitter.com/ribbet",
"https://instagram.com/ribbetapp",
"https://www.linkedin.com/company/ribbet",
"https://www.youtube.com/user/RibbetVideos",
"https://www.crunchbase.com/organization/ribbet",
"https://www.wikidata.org/wiki/Q108044091"
]
}
</script>
<title>Photo Editor | Ribbet: Free Online Photo Editing</title>
<script>
function openMobileMenu() {
document.getElementsByTagName('body')[0].classList.add('is-open-nav-mobile');
}
function closeMobileMenu() {
document.getElementsByTagName('body')[0].classList.remove('is-open-nav-mobile');
}
document.addEventListener('DOMContentLoaded', function(){
document.getElementsByTagName('body')[0].classList.add('n-landingpage-body');
});
</script>
<meta name="keywords" content="Photo Editor, Online Photo Editor, Photo Editing, Photoshop, Photo Editing App, Collage, Effects, Text" />
<meta name="description" content="You'll love what you create with Ribbet's free online photo editor. It's photo editing made fun and easy." />
<meta name="application-name" content="Ribbet" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta property="og:title" content="Ribbet - Online Photo Editor"/>
<meta property="og:description" content="You'll love what you create with Ribbet photo editor for desktop and mobile" />
<meta property="og:image" content="https://www.ribbet.com/graphics/content/screenshot.png" />
<meta property="og:image:width" content="2400" />
<meta property="og:image:height" content="1260" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.ribbet.com/" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@ribbet">
<meta name="twitter:image" content="https://www.ribbet.com/graphics/content/screenshot.png">
<meta property="fb:admins" content="723907065" />
<meta property="fb:app_id" content="152054858255581" />
<script defer src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script defer type='text/javascript' src='/content/assets/js?av=1731394903'></script>
<!-- premium scripts -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=a2">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=a2">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=a2">
<link rel="manifest" href="/site.webmanifest?v=a2">
<link rel="mask-icon" href="/safari-pinned-tab.svg?v=a2" color="#132028">
<link rel="shortcut icon" href="/favicon.ico?v=a2">
<meta name="msapplication-TileColor" content="#132028">
<meta name="theme-color" content="#132028">
</head>
<body >
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5MHHQJQ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="wrapper" class="noscrollzone">
<div id="page" class="login-page"><div class="main-content">
<div class="top-add">
<tr>
<td class="gradient_line"></td>
</tr>
<tr>
<td class="gradient_down"></td>
</tr>
</div>
<div id="overlay">
<div class="cv-spinner">
<span class="spinner"></span>
</div>
</div>
<div id="subManageDlg"></div>
<div class="n-header">
<div class="n-h-logo">
<img src="/content/assets/images/logo.png" alt="logo">
</div>
<div class="n-header-action">
<div onclick="openMobileMenu()" class="n-header-mobile-menu">
<img src="/content/assets/images/0-menu.png" alt="menu">
</div>
<ul>
<li><a href="/login?go=/app" class="edit-photo">Edit a Photo</a></li>
<li><a href="/login?go=/app" class="create-collage">Create a Collage</a></li>
<li><a href="/pricing" class="pricing-button">Pricing</a></li>
<li><a href="https://blog.ribbet.com" class="blog-button">Blog</a></li>
<li><a class="sign-in-homepage" href="/login?go=/app">Sign in</a></li>
<li><a class="sign-up-homepage" href="/login?go=/app&sign_up=true">Sign up</a></li>
</ul>
<ul class="n-mobile-header-action">
<li><a href="/pricing" class="pricing-button">Pricing</a></li>
<li><a href="https://blog.ribbet.com" class="blog-button">Blog</a></li>
<li><a class="sign-in-homepage" href="/login?go=/app">Sign in</a></li>
<li><a class="sign-up-homepage" href="/login?go=/app&sign_up=true">Sign up</a></li>
<li><a href="https://blog.ribbet.com" class="blog-button">Blog</a></li>
<li><a href="/login?go=/app" class="n-btn n-blue-bg">Start Creating</a></li>
<img onclick="closeMobileMenu()" src="/content/assets/images/0-menu-close-36.png" alt="close menu">
</ul>
</div>
<div class="n-clear"></div>
</div>
<div class="n-section-1 n-pad-mob-30">
<div class="n-section-inner">
<div class="n-w-50">
<div class="n-s-text-wrapper">
<div class="n-s1-above-title">
love what you
</div>
<div class="n-s1-title">
<img srcset="/content/assets/images/01-Create-500.png 500w,
/content/assets/images/01-Create.png 774w"
sizes="(min-width: 993px) 387px, 250px"
src="/content/assets/images/01-Create.png" alt="section 1 title">
</div>
<div class="n-s-description">
Easy to use and powerful photo editing tools for every occasion. Start from scratch or pick a template, then add effects, text and stickers that suit your style and empower your creative process.
</div>
<div class="n-s-action">
<a class="n-btn n-blue-bg start-editing-button" href="/login?go=/app">Start Editing</a>
</div>
</div>
</div>
<div class="n-w-50">
<div class="n-s-img i1">
<img srcset="/content/assets/images/01-IMAGE-520.jpg 520w,
/content/assets/images/01-IMAGE-640.jpg 640w,
/content/assets/images/01-IMAGE-700.jpg 700w,
/content/assets/images/01-IMAGE-800.jpg 800w,
/content/assets/images/01-IMAGE-880.jpg 880w,
/content/assets/images/01-IMAGE-940.jpg 940w,
/content/assets/images/01-IMAGE-1160.jpg 1160w,
/content/assets/images/01-IMAGE-1440.jpg 1440w,
/content/assets/images/01-IMAGE-FULL.jpg 1556w"
sizes="(min-width: 993px) 538px, calc(100vw - 60px)"
src="/content/assets/images/01-IMAGE-FULL.jpg" alt="section 1 image">
</div>
</div>
<div class="n-clear"></div>
</div>
</div>
<div class="n-section-2 n-pad-mob-30" id="section-photography">
<div class="n-section-inner">
<div class="n-w-50">
<div class="n-s-img i2">
<img loading="lazy"
srcset="/content/assets/images/02-Image-Photography-520.jpg 520w,
/content/assets/images/02-Image-Photography-640.jpg 640w,
/content/assets/images/02-Image-Photography-700.jpg 700w,
/content/assets/images/02-Image-Photography-800.jpg 800w,
/content/assets/images/02-Image-Photography-880.jpg 880w,
/content/assets/images/02-Image-Photography-940.jpg 940w,
/content/assets/images/02-Image-Photography-1160.jpg 1160w,
/content/assets/images/02-Image-Photography-1440.jpg 1440w,
/content/assets/images/02-Image-Photography.jpg 1598w"
sizes="(min-width: 993px) 527px, calc(100vw - 60px)"
src="/content/assets/images/02-Image-Photography.jpg" alt="section 2 image">
</div>
</div>
<div class="n-w-50">
<div class="n-s-text-wrapper">
<div class="n-s-above-title">
<span class="n-s-a-t-line"></span>
The best version of your
</div>
<div class="n-s-title">
Photography
</div>
<div class="n-s-description">
Ribbet was created by and for people who love great photography and creative designs. Inside the app, you'll find a large and growing toolkit to accommodate any and all of your photo editing needs.
</div>
<div class="n-s-action">
<a href="/pricing" class="n-btn n-blue-bg compare-plans">
Compare Plans
</a>
</div>
</div>
</div>
<div class="n-clear"></div>
</div>
</div>
<div class="n-section-3 n-pad-mob-30">
<div class="n-section-inner">
<div class="n-w-50">
<div class="n-s-text-wrapper">
<div class="n-s-above-title">
<span class="n-s-a-t-line"></span>
Ready To
</div>
<div class="n-s-title">
Monetize
</div>
<div class="n-s-description">
Fine-tune your product photos, art prints, T-Shirt designs or anything else you want to sell. Your work deserves attention. We give you the tools to put it in the right light.
</div>
<div class="n-s-action">
<a href="/login?go=/app" class="n-btn n-blue-bg start-editing-button">
Start Editing
</a>
</div>
</div>
</div>
<div class="n-w-50">
<div class="n-s-img i3">
<img loading="lazy"
srcset="/content/assets/images/03-Monetize-Image-520.jpg 520w,
/content/assets/images/03-Monetize-Image-640.jpg 640w,
/content/assets/images/03-Monetize-Image-700.jpg 700w,
/content/assets/images/03-Monetize-Image-800.jpg 800w,
/content/assets/images/03-Monetize-Image-880.jpg 880w,
/content/assets/images/03-Monetize-Image-940.jpg 940w,
/content/assets/images/03-Monetize-Image-1160.jpg 1160w,
/content/assets/images/03-Monetize-Image.jpg 1412w"
sizes="(min-width: 993px) 468px, calc(100vw - 60px)"
src="/content/assets/images/03-Monetize-Image.jpg" alt="section 3 image">
</div>
</div>
<div class="n-clear"></div>
</div>
</div>
<div class="n-section-4 n-pad-mob-30">
<div class="n-section-inner">
<div class="n-w-50">
<div class="n-s-text-wrapper">
<div class="n-s-above-title">
<span class="n-s-a-t-line"></span>
Check The
</div>
<div class="n-s-title">
Key Features
</div>
<div class="n-icon-elem">
<img loading="lazy"
srcset="/content/assets/images/04-01-Icon-120.png 120w,
/content/assets/images/04-01-Icon.png 198w"
sizes="(min-width: 993px) 99px, 60px"
src="/content/assets/images/04-01-Icon.png" alt="icon 1">
<div class="n-i-e-desc">
Enjoy an ultra-fast editing experience on any device
</div>
</div>
<div class="n-icon-elem">
<img loading="lazy"
srcset="/content/assets/images/04-02-Icon-120.png 120w,
/content/assets/images/04-02-Icon.png 202w"
sizes="(min-width: 993px) 101px, 60px"
src="/content/assets/images/04-02-Icon.png" alt="icon 2">
<div class="n-i-e-desc">
Experiment with pro tools like Clone and Curves to perfect any photo
</div>
</div>
<div class="n-icon-elem">
<img loading="lazy"
srcset="/content/assets/images/04-03-Icon-120.png 120w,
/content/assets/images/04-03-Icon.png 196w"
sizes="(min-width: 993px) 98px, 60px"
src="/content/assets/images/04-03-Icon.png" alt="icon 3">
<div class="n-i-e-desc">
Tap into a huge library of fonts
</div>
</div>
<div class="n-icon-elem">
<img loading="lazy"
srcset="/content/assets/images/04-04-Icon-120.png 120w,
/content/assets/images/04-04-Icon.png 196w"
sizes="(min-width: 993px) 98px, 60px"
src="/content/assets/images/04-04-Icon.png" alt="icon 4">
<div class="n-i-e-desc">
Access over 2.7 million free stock photos without leaving Ribbet
</div>
</div>
</div>
</div>
<div class="n-w-50">
<div class="n-s-text-wrapper">
<div class="n-icon-elem">
<img loading="lazy"
srcset="/content/assets/images/04-05-icon-120.png 120w,
/content/assets/images/04-05-icon.png 196w"
sizes="(min-width: 993px) 98px, 60px"
src="/content/assets/images/04-05-icon.png" alt="icon 5">
<div class="n-i-e-desc">
Crop, resize, rotate & apply basic edits with ease
</div>
</div>
<div class="n-icon-elem">
<img loading="lazy"
srcset="/content/assets/images/04-06-icon-120.png 120w,
/content/assets/images/04-06-icon.png 196w"
sizes="(min-width: 993px) 98px, 60px"
src="/content/assets/images/04-06-icon.png" alt="icon 6">
<div class="n-i-e-desc">
From professional to artsy or just fun, enjoy countless special effects, frames, stickers and more
</div>
</div>
<div class="n-icon-elem">
<img loading="lazy"
srcset="/content/assets/images/04-07-icon-120.png 120w,
/content/assets/images/04-07-icon.png 202w"
sizes="(min-width: 993px) 101px, 60px"
src="/content/assets/images/04-07-icon.png" alt="icon 7">
<div class="n-i-e-desc">
Drag & drop photos to quickly create grids and collages for anything from family albums to engaging social media posts
</div>
</div>
<div class="n-icon-elem">
<img loading="lazy"
srcset="/content/assets/images/04-08-icon-120.png 120w,
/content/assets/images/04-08-icon.png 250w"
sizes="(min-width: 993px) 125px, 60px"
src="/content/assets/images/04-08-icon.png" alt="icon 8" class="icon-8">
<div class="n-i-e-desc">
Create and reuse your own project templates
</div>
</div>
</div>
</div>
<div class="n-clear"></div>
</div>
</div>
<div class="n-section-5 n-pad-mob-30">
<div class="n-section-inner">
<div class="n-w-50">
<div class="n-s-text-wrapper">
<div class="n-s-above-title">
<span class="n-s-a-t-line"></span>
Join thousands of like-minded
</div>
<div class="n-s-title">
Creatives
</div>
<div class="n-s-description">
The Ribbet editing community loves photography. Whether you just take photos from your phone or use a professional camera, people in our community have tips to share.
</div>
<div class="n-s-action">
<a href="/register?go=/app" class="n-btn n-blue-bg join-now-button">
Join Now
</a>
</div>
</div>
</div>
<div class="n-w-50">
<div class="n-s-img i4">
<img loading="lazy"
srcset="/content/assets/images/05-Image-520.jpg 520w,
/content/assets/images/05-Image-640.jpg 640w,
/content/assets/images/05-Image-700.jpg 700w,
/content/assets/images/05-Image-800.jpg 800w,
/content/assets/images/05-Image-880.jpg 880w,
/content/assets/images/05-Image-940.jpg 940w,
/content/assets/images/05-Image-1160.jpg 1160w,
/content/assets/images/05-Image.jpg 1398w"
sizes="(min-width: 993px) 490px, calc(100vw - 60px)"
src="/content/assets/images/05-Image.jpg" alt="section 5 image">
</div>
</div>
<div class="n-clear"></div>
</div>
</div>
<div class="n-section-6 n-pad-mob-30">
<div class="n-section-inner">
<div class="n-w-50">
<div class="store-wrapper">
<a class="store-item" href="https://apps.apple.com/us/app/ribbet-photo-editing-suite/id973513152?ls=1" target="_blank">
<img loading="lazy"
src="/content/assets/images/ios-store.svg" alt="ios-store">
<span>See more reviews</span>
</a>
<a class="store-item" href="https://play.google.com/store/apps/details?id=com.ribbet.ribbet" target="_blank">
<img loading="lazy"
src="/content/assets/images/google-play.svg" alt="google-play">
<span>See more reviews</span>
</a>
<a class="store-item" href="https://www.g2.com/products/ribbet/reviews" target="_blank">
<img loading="lazy"
src="/content/assets/images/g2-ranking.svg?v=1" alt="g2-ranking">
<span>See more reviews</span>
</a>
</div>
</div>
<div class="n-w-50">
<div class="n-s-text-wrapper">
<div class="n-s-above-title">
<span class="n-s-a-t-line"></span>
People love editing
</div>
<div class="n-s-title">
with Ribbet
</div>
<div class="n-s-description">
Across web, iOS, Android and Fire devices, people are having a great time with Ribbet - but don't take our word for it! Read about it from the thousands of people who edit with us on a regular basis.
</div>
<div class="n-s-action">
<a href="https://www.trustpilot.com/review/ribbet.com" class="n-btn n-blue-bg see-all-reviews-button">
See All Reviews
</a>
</div>
</div>
</div>
<div class="n-clear"></div>
</div>
</div>
<div class="n-section-7 n-pad-mob-30">
<div class="n-section-inner">
<div class="n-w-50">
<div class="n-s-text-wrapper">
<div class="n-s-above-title n-white-color">
<span class="n-s-a-t-line n-white-bg"></span>
Show us your
</div>
<div class="n-s-title n-white-color">
Instagram best
</div>
<div class="n-s-description n-white-color">
Show us your best work using #madewithribbet on Instagram. The best edits will be featured on our new homepage.
</div>
<div class="n-s-action">
<a href="https://www.instagram.com/ribbetapp" class="n-btn n-black-bg open-instagram-button">
Open Instagram
</a>
</div>
</div>
</div>
<div class="n-w-50">
<div class="n-s-img i5 n-img-100-h">
<img class="n-img-100-h"
loading="lazy"
srcset="/content/assets/images/07-Instagram-Image-Wall-520.jpg 520w,
/content/assets/images/07-Instagram-Image-Wall-640.jpg 640w,
/content/assets/images/07-Instagram-Image-Wall-700.jpg 700w,
/content/assets/images/07-Instagram-Image-Wall-800.jpg 800w,
/content/assets/images/07-Instagram-Image-Wall-880.jpg 880w,
/content/assets/images/07-Instagram-Image-Wall-940.jpg 940w,
/content/assets/images/07-Instagram-Image-Wall-1160.jpg 1160w,
/content/assets/images/07-Instagram-Image-Wall.jpg 1329w"
sizes="(min-width: 993px) 451px, calc(100vw - 60px)"
src="/content/assets/images/07-Instagram-Image-Wall.jpg" alt="section 7 image">
</div>
</div>
<div class="n-clear"></div>
</div>
</div>
<div class="n-section-8 n-pad-mob-30">
<div class="n-section-inner">
<div class="n-w-50">
<div class="n-s-img i6">
<img loading="lazy"
srcset="/content/assets/images/08-IMAGE-520.jpg 520w,
/content/assets/images/08-IMAGE-640.jpg 640w,
/content/assets/images/08-IMAGE-700.jpg 700w,
/content/assets/images/08-IMAGE-800.jpg 800w,
/content/assets/images/08-IMAGE-880.jpg 880w,
/content/assets/images/08-IMAGE-940.jpg 940w,
/content/assets/images/08-IMAGE-1160.jpg 1160w,
/content/assets/images/08-IMAGE-1440.jpg 1440w,
/content/assets/images/08-IMAGE-1740.jpg 1740w,
/content/assets/images/08-IMAGE-1864.jpg 1864w"
sizes="(min-width: 993px) 470px, calc(100vw - 60px)"
src="/content/assets/images/08-IMAGE-1864.jpg" alt="section 8 image">
</div>
</div>
<div class="n-w-50">
<div class="n-s-text-wrapper">
<div class="n-s-above-title">
<span class="n-s-a-t-line"></span>
Start creating now
</div>
<div class="n-s-title">
with Ribbet
</div>
<div class="n-s-description">
<div class="n-s-d-img"><a href="/login?go=/app" class="n-btn n-blue-bg n-btn-create start-editing-button">
Start Editing
</a><a href="/go/ios">
<img loading="lazy" src="/content/assets/images/08-App Store.png" alt="app store">
</a>
<a href="/go/android">
<img loading="lazy" src="/content/assets/images/08-Play Store.png" alt="play store">
</a>
</div>
</div>
</div>
</div>
<div class="n-clear"></div>
</div>
</div>
<div class="n-footer n-pad-mob-30">
<div class="n-section-inner">
<div class="n-footer-top">
<div class="n-f-t-left">
<img loading="lazy" src="/content/assets/images/logo.png" alt="logo">
<ul>
<li>
<a href="/fly">Ribbet Fly</a>
</li>
<li>
<a href="https://www.amazon.com/Ribbet-Photo-Editor/dp/B07MZZ92JB">Fire App</a>
</li>
<li>
<a href="/windows-photo-editor">Ribbet for Windows</a>
</li>
<li>
<a href="/mac-photo-editor">Ribbet for Mac</a>
</li>
</ul>
</div>
<div class="n-f-t-right">
<a href="/go/ios"><img loading="lazy" src="/content/assets/images/08-App Store.png" alt="app store"></a>
<a href="/go/android"><img loading="lazy" src="/content/assets/images/08-Play Store.png" alt="play store"></a>
</div>
<div class="n-clear"></div>
</div>
<!--
<div class="n-footer-body">
<div class="n-w-25">
<div class="n-f-b-title">
features
</div>
<div class="n-f-b-elemnts">
<ul>
<li><a href="/add-text-to-photos">Text on Photos</a></li>
<li><a href="/add-stickers-to-photos">Stickers to Photos</a></li>
<li><a href="/add-filters-effects">Filters and Effects</a></li>
<li><a href="/add-borders-to-photos">Borders to Photos</a></li>
<li><a href="/change-hair-eye-color">Touch-up Effects</a></li>
<li><a href="/webcam-effects">Webcam Effects</a></li>
</ul>
</div>
</div>
<div class="n-w-25">
<div class="n-f-b-title">
community
</div>
<div class="n-f-b-elemnts">
<ul>
<li><a href="/lab">Ribbet Lab</a></li>
<li><a href="https://blog.ribbet.com">The Blog</a></li>
<li><a href="https://blog.ribbet.com?post_type=forum">Forums</a></li>
<li><a href="/about.rbt">About Us</a></li>
<li><a href="/contactus">Contact Us</a></li>
<li><a href="/press.rbt">Press</a></li>
</ul>
</div>
</div>
<div class="n-w-25">
<div class="n-f-b-title">
edit
</div>
<div class="n-f-b-elemnts">
<ul>
<li><a href="/create-collage">Create Collages</a></li>
<li><a href="/photo-editor-like-picnik">Photo Editor Like Picnik</a></li>
<li><a href="/photo-editor-like-photoshop">Free Photoshop Alternative</a></li>
<li><a href="/photo-editor-like-picmonkey">Photo Editor Like PicMonkey</a></li>
<li><a href="/vsco-alternative">VSCO Alternative</a></li>
</ul>
</div>
</div>
<div class="n-w-25">
<div class="n-f-b-title">
connected
</div>
<div class="n-f-b-elemnts">
<ul>
<li><a href="/shape-collage">Shape Collage</a></li>
<li><a href="/picasa-alternative">Edit Google Photos</a></li>
<li><a href="/edit-facebook-photos">Edit Facebook Photos</a></li>
<li><a href="/edit-flickr-photos">Edit Flickr Photos</a></li>
<li><a href="/online-photo-editor">Online Photo Editor</a></li>
<li><a href="/features">Complete Feature List</a></li>
<li><a href="/photo-editing-api">API</a></li>
</ul>
</div>
</div>
<div class="n-clear"></div>
</div>
-->
<div class="footer">
<div class="bottom-links">
<ul>
<li><a href="/about.rbt" class="footer-about-us">About</a></li>
<li><a href="/pricing" class="footer-pricing">Pricing</a></li>
<li><a href="/terms.rbt" class="footer-terms">Terms</a></li>
<li><a href="/privacy.rbt" class="footer-privacy">Privacy</a></li>
<li><a href="https://blog.ribbet.com" class="footer-blog">Blog</a></li>
<li><a href="https://blog.ribbet.com/category/web-tutorials/" class="footer-tutorials">Tutorials</a></li>
<li><a href="/photo-editing-api" class="footer-api">API</a></li>
<li><a href="https://sonichits.com" class="footer-lyrics">Lyrics</a></li>
<li><a href="/press.rbt" class="footer-press">Press</a></li>
<li><a href="/contactus" class="footer-contact">Contact</a></li>
</ul>
</div>
<div class="bottom-footerlinks">
<div class="bottom-button">
<a href="javascript:void(0);" >Show more links</a>
</div>
<div class="footer-mainblog no-transition">
<div class="footer-blogs">
<div class="footer-blogcolums">
<h1>Features</h1>
<ul>
<li><a href="/add-text-to-photos">Add Text to Photos</a></li>
<li><a href="/add-stickers-to-photos">Add Stickers to Photos</a></li>
<li><a href="/add-filters-effects">Add Filters and Effects</a></li>
<li><a href="/add-borders-to-photos">Add Borders to Photos</a></li>
<li><a href="/change-hair-eye-color">Touch-up Effects</a></li>
<li><a href="/webcam-effects">Webcam Effects</a></li>
</ul>
</div>
<div class="footer-blogcolums">
<h1>Edit</h1>
<ul>
<li><a href="/create-collage">Create Collages</a></li>
<li><a href="/photo-editor-like-picnik">Photo Editor Like Picnik</a></li>
<li><a href="/photo-editor-like-photoshop">Free Photoshop Alternative</a></li>
<li><a href="/photo-editor-like-picmonkey">Photo Editor Like PicMonkey</a></li>
<li><a href="/vsco-alternative">VSCO Alternative</a></li>
<li><a href="https://fixthephoto.com/ribbet-photo-editor.html">Read the full review</a></li>
</ul>
</div>
<div class="footer-blogcolums">
<h1>Connected</h1>
<ul>
<li><a href="/shape-collage">Shape Collage</a></li>
<li><a href="/picasa-alternative">Edit Google Photos</a></li>
<li><a href="/edit-facebook-photos">Edit Facebook Photos</a></li>
<li><a href="/edit-flickr-photos">Edit Flickr Photos</a></li>
<li><a href="/online-photo-editor">Online Photo Editor</a></li>
<li><a href="/features">Complete Feature List</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="n-footer-bottom">
<div class="n-w-33">
<ul>
<li><a href="/terms.rbt">Terms and conditions</a></li>
<li><a href="/privacy.rbt">Privacy policy</a></li>
</ul>
</div>
<div class="n-w-33 n-center-txt n-copyright">
© Ribbet 2025. All right reserved.
</div>
<div class="n-w-33">
<ul class="n-f-b-ul-social">
<li>
<a href="https://www.facebook.com/ribbet" target="_blank">
<img loading="lazy" src="/content/assets/images/fb-icon.svg" class="footer-facebook" alt="facebook">
</a>
</li>
<li>
<a href="https://www.twitter.com/ribbet" target="_blank">
<img loading="lazy" src="/conte nt/assets/images/twitter-icon.svg" class="footer-twitter" alt="twitter">
</a>
</li>
<li>
<a href="https://www.instagram.com/ribbetapp" target="_blank">
<img loading="lazy" src="/content/assets/images/insta-icon.svg" class="footer-instagram" alt="instagram">
</a>
</li>
</ul>
</div>
<div class="n-clear"></div>
</div>
</div>
</div>
</body>
</html>