- Scan ID:
- ab03a732-12a8-4469-9172-62ed5c28708fFinished
- Submitted URL:
- https://crafto.app
- Report Finished:
Links · 5 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://play.google.com/store/apps/details?id=com.crafto.android&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1 | |
| https://www.hindustantimes.com/brand-post/if-you-want-to-stay-positive-and-energetic-in-life-then-download-crafto-app-101642592198446.html | Read Full Article |
| https://www.indiatv.in/paisa/business/this-company-introduced-the-app-to-keep-positive-and-energetic-during-the-corona-epidemic-2022-01-16-831702 | Read Full Article |
| https://www.bhaskar.com/local/delhi-ncr/gurgaon/news/there-is-a-need-to-keep-positive-and-energetic-in-times-of-corona-crisis-team-of-kutumb-developed-crafto-app-129300923.html?_branch_match_id=990172285963956003&utm_campaign=129300923&utm_medium=sharing&_branch_referrer=H4sIAAAAAAAAA8soKSkottLXT0nMzMvM1k3Sy8zTr8qqzPJJyyj3z00CAA6MdwIfAAAA | Read Full Article |
| https://www.facebook.com/kutumbapp | Visit the facebook page |
JavaScript Variables · 12 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| dataLayer | object |
| gtag | function |
| fbq | function |
| _fbq | function |
| populateFeaturedItemsList | function |
| google_tag_manager | object |
| google_tag_data | object |
Console log messages · 3 found
Messages logged to the web console
| Type | Category | Log |
|---|---|---|
| error | network |
|
| warning | other |
|
| error | network |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
<meta name="facebook-domain-verification" content="oj9n47bjj8ft1y4bo1cdrowu069igl">
<!-- Bootstrap CSS -->
<!-- Google Tag Manager -->
<script src="https://connect.facebook.net/signals/config/586417769483871?v=2.9.170&r=stable&domain=crafto.app&hme=d82868061a8c707cd31395a3055e7449daa03bd520872727258c39e6af34523e&ex_m=70%2C120%2C106%2C110%2C61%2C4%2C99%2C69%2C16%2C96%2C88%2C51%2C54%2C171%2C174%2C186%2C182%2C183%2C185%2C29%2C100%2C53%2C77%2C184%2C166%2C169%2C179%2C180%2C187%2C130%2C41%2C34%2C142%2C15%2C50%2C193%2C192%2C132%2C18%2C40%2C1%2C43%2C65%2C66%2C67%2C71%2C92%2C17%2C14%2C95%2C91%2C90%2C107%2C52%2C109%2C39%2C108%2C30%2C93%2C26%2C167%2C170%2C139%2C28%2C11%2C12%2C13%2C6%2C7%2C25%2C22%2C23%2C57%2C62%2C64%2C75%2C101%2C27%2C76%2C9%2C8%2C80%2C48%2C21%2C103%2C102%2C104%2C97%2C10%2C20%2C3%2C38%2C74%2C19%2C85%2C56%2C83%2C33%2C73%2C0%2C94%2C32%2C82%2C87%2C47%2C46%2C86%2C37%2C5%2C89%2C81%2C44%2C35%2C84%2C2%2C36%2C63%2C42%2C105%2C45%2C79%2C68%2C111%2C60%2C59%2C31%2C98%2C58%2C55%2C49%2C78%2C72%2C24%2C112" async=""></script><script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-TPTQ6WP"></script><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TPTQ6WP');</script>
<!-- End Google Tag Manager -->
<!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-T9LNEKE4EG"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-T9LNEKE4EG');
</script>
<title>Crafto</title>
<style>
body {
padding: 0;
margin: 0;
}
.crafto-background-for-mobile {
display: none;
}
.crafto-details-screenshot-on-large-devices {
width: calc(100%);
height: 80%;
display: flex;
justify-content: center;
}
.crafto-details-background {
height: 80%;
width: 90%;
margin-left: 5%;
}
.container {
margin: 50px 100px;
display: none;
flex-direction: row;
justify-content: center;
}
.crafto-info {
margin-top: 40px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.crafto-logo-container {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.crafto-app-screenshot {
display: flex;
width: 500px;
height: 881px;
justify-content: center;
}
.crafto-app-screenshot-info {
display: none;
width: 100%;
justify-content: center;
}
.crafto-logo {
height: 84px;
width: 84px;
}
.crafto-logo-title {
font-weight: bold;
font-style: normal;
font-size: 60px;
color: #303030;
}
.crafto-logo-subtitle {
font-weight: normal;
margin-top: -10px;
font-size: 20px;
color: #2C2C2C;
}
.whatsapp-status-container {
display: flex;
margin-top: 40px;
flex-direction: column;
align-items: center;
font-family: "Roboto Thin", serif;
text-align: center;
color: #303030;
font-weight: bold;
font-style: normal;
font-size: 60px;
}
.whatsapp-status-part2 {
background: #6313DC;
color: #ffffff;
padding: 10px 40px;
border-radius: 15px;
width: 100%;
margin-top: 30px;
}
.crafto-features-list-container {
margin-top: 50px;
display: flex;
flex-direction: row;
justify-content: center;
}
.crafto-features-list {
display: flex;
flex-flow: row wrap;
justify-content: center;
}
.crafto-features-list-item {
display: flex;
flex-direction: row;
max-width: 450px;
align-items: center;
/*margin: 2px;*/
}
.crafto-features-list-item-number {
background-color: #6313DC;
border-radius: 50%;
text-align: center;
vertical-align: center;
color: #ffffff;
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 30px;
width: 45px;
height: 45px;
}
.crafto-features-list-item-text {
font-family: Poppins, sans-serif;
font-style: normal;
width: 355px;
font-weight: normal;
font-size: 25px;
/* identical to box height */
padding: 10px;
color: #343434;
}
.download-links-section {
margin-top: 50px;
display: flex;
flex-direction: row;
height: 124px;
align-items: center;
justify-content: space-around;
width: 100%;
}
.google-play-store-icon {
height: 82px;
width: 252px;
}
.crafto-scanner-container {
display: flex;
flex-direction: row;
align-items: center;
}
.crafto-scannable-icon {
width: 124px;
height: 124px;
}
.crafto-scannable-icon-text {
color: #343434;
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 23px;
width: 197px;
line-height: 36px;
}
.featured {
margin: 0 0;
display: flex;
flex-direction: column;
}
.featued-in {
margin: 30px 100px;
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 35px;
line-height: 52px;
/* identical to box height */
color: #303030;
}
.footer {
margin: 30px 100px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.kutumb-logo-horizontal {
width: 250px;
height: 80px;
margin-left: -35px;
}
.contact-link-item {
display: flex;
flex-direction: row;
align-items: center;
padding: 3px;
}
.contact-link-item-icon {
width: 24px;
height: 24px;
}
.contact-link-item-text {
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 20px;
color: #555555;
padding-left: 20px;
}
.kutumb-address {
margin: 10px 0;
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 20px;
color: #555555;
}
.policies {
display: flex;
flex-direction: column;
justify-content: center;
}
.policies a, .tos, .privacy-policy {
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 20px;
text-decoration: none;
color: #1877F2;
}
.contact-link-item-text-facebook {
padding-left: 20px;
padding-top: 0;
}
.sub-footer {
display: flex;
flex-direction: row;
justify-content: center;
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 36px;
align-items: center;
padding-bottom: 50px;
}
.copy-right-text {
color: #CECECE;
display: flex;
align-items: center;
}
.copy-right-icon {
height: 24px;
width: 24px;
padding-right: 10px;
}
.footer-seperator {
color: #CECECE;
font-size: 18px;
padding: 0 20px;
}
.invisible-on-large-device {
display: none;
}
.featured-items-list {
display: flex;
width: 100%;
flex-direction: row;
margin: 20px 0;
overflow: auto;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none;
}
.featured-items-list::-webkit-scrollbar {
display: none;
}
.featured-item {
display: flex;
flex-direction: row;
border: 1px solid #6313DC;
min-width: 1000px;
height: 220px;
background: #FCFAFF;
border-radius: 10px;
margin-left: 100px;
}
.featured-media-company-icon {
width: 277px;
height: 183px;
}
.featured-item-content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 20px;
}
.featured-item-title {
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 30px;
line-height: 40px;
}
.featured-item-subtitle {
font-family: Nirmala UI, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 25px;
color: #414141;
}
.featured-item-footer {
display: flex;
flex-direction: row;
align-items: center;
padding: 10px 0;
}
.featured-item-outlink {
height: 16px;
width: 16px;
padding-right: 10px;
}
.featured-item-outlink-icon {
height: 16px;
width: 16px;
padding-right: 10px;
order: -1;
}
.featured-item-outlink-anchor {
text-decoration: none;
color: #FA3F4A;
display: flex;
flex-direction: row;
align-items: center;
}
.featured-item-article-link {
display: flex;
flex-direction: row;
align-items: center;
}
.article-date {
font-family: Noto Sans, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 19px;
color: #303030;
}
.seperating-cirle {
width: 3px;
height: 3px;
border-radius: 50%;
background: #303030;
margin: 0 10px;
}
.seperating-cirle-invisible-on-phone {
width: 3px;
height: 3px;
border-radius: 50%;
background: #303030;
margin: 0 10px;
}
.article-written-by {
font-family: Noto Sans, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 19px;
color: #303030;
}
.crafto-features-list-row {
display: flex;
flex-direction: row;
}
@media only screen and (max-width: 453px) and (max-width: 1380px) {
.container {
display: none;
}
.crafto-background-for-mobile {
display: flex;
width: calc(100% - 20px);
height: 100%;
margin: 10px;
}
.whatsapp-status-container {
display: flex;
margin-top: 40px;
flex-direction: column;
align-items: center;
font-family: "Roboto Thin", serif;
text-align: center;
color: #303030;
font-weight: bold;
font-style: normal;
font-size: 50px;
}
.whatsapp-status-part2 {
background: #6313DC;
color: #ffffff;
padding: 10px 30px;
border-radius: 15px;
width: 100%;
margin-top: 20px;
}
.crafto-features-list-container {
margin-top: 20px;
}
.crafto-features-list-item {
display: flex;
flex-direction: row;
align-items: center;
/*margin: 2px;*/
}
.crafto-features-list-item-number {
background-color: #6313DC;
border-radius: 50%;
text-align: center;
vertical-align: center;
color: #ffffff;
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 23px;
width: 30px;
height: 30px;
}
.crafto-features-list-item-text {
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
width: 300px;
font-size: 20px;
/* identical to box height */
padding: 5px;
color: #343434;
}
.crafto-app-screenshot {
display: flex;
width: 400px;
height: 730px;
justify-content: center;
}
.featured {
margin: 30px 0;
display: flex;
flex-direction: column;
}
.featued-in {
margin: 25px 50px;
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 25px;
line-height: 32px;
color: #303030;
}
.footer {
margin: 25px 50px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.invisible-on-large-device {
display: none;
}
}
/* Media Queries for mobile devices*/
@media only screen and (max-width: 452px) {
.container {
margin: 0;
display: none;
flex-direction: column;
}
.crafto-background-for-mobile {
display: flex;
width: calc(100% - 20px);
height: 100%;
margin: 10px;
}
.crafto-details-screenshot-on-large-devices {
display: none;
}
.crafto-logo {
height: 84px;
width: 84px;
}
.crafto-logo-title {
font-weight: bold;
font-style: normal;
font-size: 35px;
color: #303030;
}
.crafto-logo-subtitle {
font-weight: normal;
margin-top: 5px;
font-size: 16px;
color: #2C2C2C;
}
.crafto-info {
margin-top: 20px;
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.crafto-app-screenshot {
display: none;
}
.crafto-app-screenshot-info {
display: flex;
}
.whatsapp-status-container {
margin-top: 20px;
font-weight: bold;
font-style: normal;
font-size: 30px;
}
.whatsapp-status-part2 {
background: #6313DC;
color: #ffffff;
padding: 10px 10px;
border-radius: 15px;
}
.download-links-section {
margin-top: 30px;
display: flex;
flex-direction: row;
height: 124px;
align-items: center;
justify-content: center;
width: 100%;
}
.google-play-store-icon {
height: 82px;
width: 164px;
}
.crafto-scanner-container {
display: flex;
flex-direction: row;
align-items: center;
}
.crafto-scannable-icon {
width: 64px;
height: 64px;
}
.crafto-scannable-icon-text {
color: #343434;
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
width: 100px;
line-height: 22px;
}
.featured {
margin: 0;
display: flex;
flex-direction: column;
}
.featued-in {
margin: 30px 20px;
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 25px;
line-height: 32px;
color: #303030;
}
.footer {
margin: 30px 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
.kutumb-logo-horizontal {
width: 100%;
height: 80px;
}
.contact-link-item {
display: flex;
flex-direction: row;
align-items: center;
padding: 3px;
}
.contact-link-item-icon {
width: 24px;
height: 24px;
}
.contact-link-item-text {
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 20px;
color: #555555;
padding-left: 20px;
}
.kutumb-address {
margin: 5px 0;
font-family: Poppins, sans-serif;
font-style: normal;
text-align: center;
font-weight: normal;
font-size: 16px;
line-height: 20px;
color: #555555;
}
.policies {
display: flex;
flex-direction: column;
justify-content: space-around;
}
.policies a, .tos, .privacy-policy {
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 20px;
text-decoration: none;
color: #1877F2;
}
.contact-link-item-text-facebook {
padding-left: 20px;
padding-top: 0;
}
.featured-items-list {
display: flex;
flex-direction: row;
margin: 20px 0;
overflow: auto;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none;
}
.featured-items-list::-webkit-scrollbar {
display: none;
}
.featured-item {
display: flex;
flex-direction: column;
border: 1px solid #6313DC;
width: 360px;
max-width: 360px;
min-width: 360px;
height: 270px;
background: #FCFAFF;
border-radius: 10px;
margin-left: 20px;
}
.featured-media-company-icon {
width: 177px;
height: 91px;
}
.featured-item-content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 20px;
}
.featured-item-title {
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 24px;
}
.featured-item-subtitle {
font-family: Nirmala UI, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 18px;
color: #414141;
}
.featured-item-footer {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
padding: 10px 0;
}
.featured-item-outlink {
margin-left: 20px;
margin-bottom: 10px;
display: flex;
justify-content: flex-start;
}
.featured-item-outlink-icon {
height: 16px;
width: 16px;
padding-right: 10px;
order: -1;
}
.featured-item-outlink-anchor {
text-decoration: none;
color: #FA3F4A;
min-width: 360px;
display: flex;
padding-bottom: 5px;
flex-direction: row;
align-items: center;
}
.featured-item-article-link {
display: flex;
flex-direction: row;
align-items: center;
}
.featured-item-media-company-logo {
display: flex;
flex-direction: row;
justify-content: center;
}
.article-date {
font-family: Noto Sans, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 19px;
color: #303030;
}
.seperating-cirle {
width: 3px;
height: 3px;
border-radius: 50%;
background: #303030;
margin: 0 10px;
}
.article-written-by {
font-family: Noto Sans, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 19px;
color: #303030;
}
.seperating-cirle-invisible-on-phone {
display: none;
}
.sub-footer {
font-size: 12px;
flex-direction: column;
line-height: 24px;
align-items: center;
padding-bottom: 20px;
}
.copy-right-text {
color: #CECECE;
display: flex;
align-items: center;
}
.copy-right-icon {
height: 24px;
width: 24px;
padding-right: 5px;
}
.footer-seperator {
display: none;
}
.policies a, .tos, .privacy-policy {
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
text-decoration: none;
color: #1877F2;
}
.policies {
display: flex;
flex-direction: row;
}
.privacy-policy-tos {
margin-left: 8px;
}
.invisible-on-small-device {
display: none;
}
.contact-link-item {
display: flex;
flex-direction: row;
align-items: center;
padding: 3px;
}
.contact-link-item-icon {
width: 24px;
height: 24px;
}
.contact-link-item-text {
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 20px;
color: #555555;
padding-left: 5px;
}
.contact-link-item-text-facebook {
padding-left: 5px;
padding-top: 0;
}
.crafto-features-list-item {
display: flex;
flex-direction: row;
max-width: 450px;
align-items: center;
/*margin: 2px;*/
}
.crafto-features-list-item-number {
background-color: #6313DC;
border-radius: 50%;
text-align: center;
vertical-align: center;
color: #ffffff;
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 22px;
width: 30px;
height: 30px;
}
.crafto-features-list-item-text {
font-family: Poppins, sans-serif;
font-style: normal;
width: 255px;
font-weight: normal;
font-size: 18px;
/* identical to box height */
padding: 5px;
color: #343434;
}
.crafto-features-list-row {
flex-direction: column;
}
}
@media only screen and (max-width: 390px) {
.crafto-details-screenshot-on-large-devices {
display: none;
}
.crafto-background-for-mobile {
display: flex;
width: calc(100% - 20px);
height: 100%;
margin: 10px;
}
.container {
display: none;
}
.whatsapp-status-container {
margin-top: 20px;
font-weight: bold;
font-style: normal;
font-size: 25px;
}
.whatsapp-status-part2 {
background: #6313DC;
color: #ffffff;
padding: 10px 10px;
border-radius: 15px;
}
}
@media only screen and (max-width: 360px) {
.crafto-details-screenshot-on-large-devices {
display: none;
}
.crafto-background-for-mobile {
display: flex;
width: calc(100% - 20px);
height: 100%;
margin: 10px;
}
.container {
display: none;
}
.whatsapp-status-container {
margin-top: 15px;
font-weight: bold;
font-style: normal;
font-size: 25px;
}
.whatsapp-status-part2 {
background: #6313DC;
color: #ffffff;
padding: 5px 5px;
border-radius: 15px;
}
.kutumb-address {
margin: 5px 0;
font-family: Poppins, sans-serif;
font-style: normal;
text-align: center;
font-weight: normal;
font-size: 13px;
line-height: 16px;
color: #555555;
}
}
@media only screen and (max-width: 330px) {
.crafto-logo {
height: 64px;
width: 64px;
}
.crafto-background-for-mobile {
display: flex;
width: calc(100% - 20px);
height: 100%;
margin: 10px;
}
.container {
display: none;
}
.crafto-logo-title {
font-weight: bold;
font-style: normal;
font-size: 25px;
color: #303030;
}
.crafto-logo-subtitle {
font-weight: normal;
margin-top: -5px;
font-size: 16px;
color: #2C2C2C;
}
.crafto-features-list-item {
display: flex;
flex-direction: row;
max-width: 400px;
align-items: center;
/*margin: 2px;*/
}
.crafto-features-list-item-number {
background-color: #6313DC;
border-radius: 50%;
text-align: center;
vertical-align: center;
color: #ffffff;
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 22px;
width: 30px;
height: 30px;
}
.crafto-features-list-item-text {
font-family: Poppins, sans-serif;
font-style: normal;
width: 230px;
font-weight: normal;
font-size: 16px;
/* identical to box height */
padding: 5px;
color: #343434;
}
.whatsapp-status-container {
margin-top: 5px;
font-weight: bold;
font-style: normal;
font-size: 22px;
}
.whatsapp-status-part2 {
background: #6313DC;
color: #ffffff;
padding: 2px 5px;
border-radius: 13px;
margin-top: 5px;
}
.kutumb-address {
margin: 5px 0;
font-family: Poppins, sans-serif;
font-style: normal;
text-align: center;
font-weight: normal;
font-size: 11px;
line-height: 16px;
color: #555555;
}
.download-links-section {
margin-top: 10px;
height: 64px;
}
.google-play-store-icon {
height: 72px;
width: 132px;
}
.crafto-scanner-container {
display: flex;
flex-direction: row;
align-items: center;
}
.crafto-scannable-icon {
width: 56px;
height: 56px;
}
.crafto-scannable-icon-text {
color: #343434;
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
width: 100px;
line-height: 22px;
}
.featued-in {
margin: 0 20px;
}
}
@media only screen and (max-width: 280px) {
.container {
display: none;
}
.crafto-logo {
height: 56px;
width: 56px;
}
.crafto-features-list-item {
display: flex;
flex-direction: row;
max-width: 350px;
align-items: center;
/*margin: 2px;*/
}
.crafto-features-list-item-number {
background-color: #6313DC;
border-radius: 50%;
text-align: center;
vertical-align: center;
color: #ffffff;
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
width: 27px;
height: 27px;
}
.crafto-features-list-item-text {
font-family: Poppins, sans-serif;
font-style: normal;
width: 190px;
font-weight: normal;
font-size: 13px;
/* identical to box height */
padding: 5px;
color: #343434;
}
.whatsapp-status-container {
margin-top: 5px;
font-weight: bold;
font-style: normal;
font-size: 19px;
}
.whatsapp-status-part2 {
background: #6313DC;
color: #ffffff;
padding: 2px 5px;
border-radius: 13px;
margin-top: 5px;
}
.download-links-section {
margin-top: 10px;
}
.google-play-store-icon {
height: 60px;
width: 100px;
}
.crafto-scanner-container {
display: flex;
flex-direction: row;
align-items: center;
}
.crafto-scannable-icon {
width: 40px;
height: 40px;
}
.featued-in {
margin: -3px 10px;
font-size: 18px;
}
.contact-link-item {
display: flex;
flex-direction: row;
align-items: center;
padding: 3px;
}
.contact-link-item-icon {
width: 18px;
height: 18px;
}
.contact-link-item-text {
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 20px;
color: #555555;
padding-left: 5px;
}
.contact-link-item-text-facebook {
padding-left: 5px;
padding-top: 0;
font-size: 8px;
}
.policies a, .tos, .privacy-policy {
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 15px;
text-decoration: none;
color: #1877F2;
}
.footer {
margin: 5px;
}
.sub-footer {
font-size: 10px;
flex-direction: column;
line-height: 20px;
align-items: center;
padding-bottom: 20px;
}
.kutumb-address {
margin: 5px 0;
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
line-height: 16px;
text-align: center;
color: #555555;
}
.featured-items-list {
display: flex;
flex-direction: row;
margin: 5px 0;
}
.featured-item {
display: flex;
flex-direction: column;
border: 1px solid #6313DC;
width: 240px;
max-width: 240px;
min-width: 240px;
height: 250px;
background: #FCFAFF;
border-radius: 10px;
margin-left: 10px;
}
.featured-media-company-icon {
width: 130px;
height: 70px;
}
.featured-item-content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 10px;
}
.featured-item-title {
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
}
.featured-item-subtitle {
font-family: Nirmala UI, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 16px;
color: #414141;
}
.featured-item-footer {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
padding: 10px 0;
}
.featured-item-outlink {
margin-left: 20px;
margin-bottom: 10px;
display: flex;
justify-content: flex-start;
}
.featured-item-outlink-icon {
height: 12px;
width: 12px;
padding-right: 5px;
order: -1;
}
.featured-item-outlink-anchor {
text-decoration: none;
color: #FA3F4A;
min-width: 240px;
display: flex;
padding-bottom: 5px;
flex-direction: row;
align-items: center;
font-size: 12px;
}
.featured-item-article-link {
display: flex;
flex-direction: row;
align-items: center;
}
.featured-item-media-company-logo {
display: flex;
flex-direction: row;
justify-content: center;
}
.article-date {
font-family: Noto Sans, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 15px;
color: #303030;
}
.seperating-cirle {
width: 3px;
display: none;
height: 3px;
border-radius: 50%;
background: #303030;
margin: 0 5px;
}
.article-written-by {
font-family: Noto Sans, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 15px;
color: #303030;
}
.seperating-cirle-invisible-on-phone {
display: none;
}
}
</style>
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '586417769483871');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=586417769483871&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TPTQ6WP"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<a class="crafto-details-screenshot-on-large-devices" href="https://play.google.com/store/apps/details?id=com.crafto.android&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1">
<img class="crafto-details-background" src="./public/images/crafto-background-screenshot.svg" alt="Crafto Background Screenshot">
</a>
<a class="crafto-background-for-mobile-container" href="https://play.google.com/store/apps/details?id=com.crafto.android&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1">
<img class="crafto-background-for-mobile" src="./public/images/crafto-background-for-mobile.svg" alt="Crafto Background for Mobile screenshot">
</a>
<div class="container">
<div class="crafto-info">
<div class="crafto-logo-container">
<img class="crafto-logo" src="./public/images/crafto_logo.png" alt="crafto logo">
<div class="crafto-logo-title">Crafto</div>
<div class="crafto-logo-subtitle">Product by Kutumb</div>
</div>
<div class="whatsapp-status-container">
<div class="whatsapp-status-part1">Create your daily</div>
<div class="whatsapp-status-part2">whatsapp Status on Crafto</div>
</div>
<img class="crafto-app-screenshot-info" src="./public/images/crafto_app_screenshot.png" alt="crafto app screenshot">
<div class="crafto-features-list-container">
<div class="crafto-features-list">
<div class="crafto-features-list-row">
<div class="crafto-features-list-item">
<div class="crafto-features-list-item-number">1</div>
<div class="crafto-features-list-item-text">Fresh quotes everyday</div>
</div>
<div class="crafto-features-list-item">
<div class="crafto-features-list-item-number">2</div>
<div class="crafto-features-list-item-text">Quotes for special occasion</div>
</div>
</div>
<div class="crafto-features-list-row">
<div class="crafto-features-list-item">
<div class="crafto-features-list-item-number">3</div>
<div class="crafto-features-list-item-text">Easy download and share</div>
</div>
<div class="crafto-features-list-item">
<div class="crafto-features-list-item-number">4</div>
<div class="crafto-features-list-item-text">Save your favourite quote</div>
</div>
</div>
</div>
</div>
<div class="download-links-section">
<a class="google-play-store-link" href="https://play.google.com/store/apps/details?id=com.crafto.android&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1">
<img class="google-play-store-icon" alt="Get it on Google Play" src="https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png">
</a>
<div class="crafto-scanner-container">
<img src="./public/images/crafto_link.png" class="crafto-scannable-icon" alt="crafto scannable icon">
<div class="crafto-scannable-icon-text">Download by scanning</div>
</div>
</div>
</div>
<div class="crafto-app-screenshot">
<img src="./public/images/crafto_app_screenshot.png" alt="crafto app screenshot">
</div>
</div>
<div class="featured">
<div class="featued-in">Featured In</div>
<div class="featured-items-list"><div class="featured-item"><div class="featured-item-media-company-logo"><img class="featured-media-company-icon" src="https://accounts.hindustantimes.com/images/ht/logos/ht-logo2.svg" alt=""></div><div class="featured-item-content"><div class="featured-item-title">"If you want to stay positive and energetic in life, then download Crafto App"</div><div class="featured-item-subtitle">Developed by Kutumb App team, Crafto is an android app to share daily thoughts with your friends...</div><div class="featured-item-footer"><div class="featured-item-article-link"><a class="featured-item-outlink-anchor" href="https://www.hindustantimes.com/brand-post/if-you-want-to-stay-positive-and-energetic-in-life-then-download-crafto-app-101642592198446.html">Read Full Article<img class="featured-item-outlink-icon" src="./public/images/outlink.svg"></a></div><div class="seperating-cirle-invisible-on-phone"></div><div class="article-date">January 19, 2022</div><div class="seperating-cirle"></div><div class="article-written-by">Written By - HT Brand Studio</div></div></div></div><div class="featured-item"><div class="featured-item-media-company-logo"><img class="featured-media-company-icon" src="https://pbs.twimg.com/profile_images/1217680800851693569/4l-37sLG_400x400.jpg" alt=""></div><div class="featured-item-content"><div class="featured-item-title">"कोरोना महामारी के दौर में सकारात्मक और ऊर्जावान बनाए रखने के लिए इस कंपनी ने पेश किया ऐप"</div><div class="featured-item-subtitle">कोरोना महामारी के दौर में बहुत सारे लोग अवसाद से पीड़ित हो रहे हैं। इसी को देखते हुए लोगों को सकारात्मक और ऊर्जावान ...</div><div class="featured-item-footer"><div class="featured-item-article-link"><a class="featured-item-outlink-anchor" href="https://www.indiatv.in/paisa/business/this-company-introduced-the-app-to-keep-positive-and-energetic-during-the-corona-epidemic-2022-01-16-831702">Read Full Article<img class="featured-item-outlink-icon" src="./public/images/outlink.svg"></a></div><div class="seperating-cirle-invisible-on-phone"></div><div class="article-date">January 16, 2022</div><div class="seperating-cirle"></div><div class="article-written-by">Written By - India Tv</div></div></div></div><div class="featured-item"><div class="featured-item-media-company-logo"><img class="featured-media-company-icon" src="https://www.kindpng.com/picc/m/458-4587136_dainik-bhaskar-logo-png-transparent-png.png" alt=""></div><div class="featured-item-content"><div class="featured-item-title">"कोरोना संकट के दौर में सकारात्मक और ऊर्जावान बनाए रखने की है जरूरत, 'कुटुंब' की टीम ने विकसित किया Crafto App"</div><div class="featured-item-subtitle">कोरोना संकट के इस दौर में हर तरफ निराशा प्याप्त है, लोगों में नकारात्मक सोच घर करती जा रही है, जोकि ...</div><div class="featured-item-footer"><div class="featured-item-article-link"><a class="featured-item-outlink-anchor" href="https://www.bhaskar.com/local/delhi-ncr/gurgaon/news/there-is-a-need-to-keep-positive-and-energetic-in-times-of-corona-crisis-team-of-kutumb-developed-crafto-app-129300923.html?_branch_match_id=990172285963956003&utm_campaign=129300923&utm_medium=sharing&_branch_referrer=H4sIAAAAAAAAA8soKSkottLXT0nMzMvM1k3Sy8zTr8qqzPJJyyj3z00CAA6MdwIfAAAA">Read Full Article<img class="featured-item-outlink-icon" src="./public/images/outlink.svg"></a></div><div class="seperating-cirle-invisible-on-phone"></div><div class="article-date">January 14, 2022</div><div class="seperating-cirle"></div><div class="article-written-by">Written By - Dainik Bhaskar</div></div></div></div></div>
</div>
<div class="footer invisible-on-small-device">
<div class="kutumb-details">
<img src="./public/images/crafto-by-kutumb-logo.svg" class="kutumb-logo-horizontal" alt="kutumb logo">
<p class="kutumb-address">Primetrace Technologies Pvt. Ltd. <br>4th Floor, 246, 17th Cross Road above <br> Reliance Trendz, Sector 6, HSR Layout <br>
Bengaluru, Karnataka, 560102, India</p>
</div>
<div class="policies">
<div class="contact-links">
<div class="contact-link-item">
<img class="contact-link-item-icon" src="./public/images/email.svg" alt="crafto support email - [email protected]">
<div class="contact-link-item-text">[email protected]</div>
</div>
<div class="contact-link-item">
<img class="contact-link-item-icon" src="./public/images/facebook.svg" alt="kutumb contact number">
<a class="contact-link-item-text-facebook" href="https://www.facebook.com/kutumbapp">Visit the facebook
page</a>
</div>
</div>
</div>
</div>
<div class="footer invisible-on-large-device">
<div class="kutumb-details">
<img src="./public/images/crafto-by-kutumb-logo.svg" class="kutumb-logo-horizontal" alt="kutumb logo">
<p class="kutumb-address">Primetrace Technologies Pvt. Ltd. <br>4th Floor, 246, 17th Cross Road above <br> Reliance Trendz, Sector 6, HSR Layout <br>
Bengaluru, Karnataka, 560102, India</p>
</div>
<div class="policies">
<div class="contact-links">
<div class="contact-link-item">
<img class="contact-link-item-icon" src="./public/images/email.svg" alt="crafto support email - [email protected]">
<div class="contact-link-item-text">[email protected]</div>
</div>
<div class="contact-link-item">
<img class="contact-link-item-icon" src="./public/images/facebook.svg" alt="kutumb contact number">
<a class="contact-link-item-text-facebook" href="https://www.facebook.com/kutumbapp">Visit the facebook
page</a>
</div>
</div>
<div class="privacy-policy-tos">
<div>
<a class="tos" href="tos">Terms of Service</a>
</div>
<div class="footer-seperator">|</div>
<div>
<a class="privacy-policy" href="privacy-policy">Privacy Policy</a>
</div>
<div class="footer-seperator">|</div>
<div>
<a class="pricing-and-refunds" href="pricing-and-refunds">Pricing, Cancellations and Refunds</a>
</div>
<div class="footer-seperator">|</div>
<div>
<a class="about-us" href="about-us">About Us</a>
</div>
</div>
</div>
</div>
<div class="sub-footer">
<div class="copy-right-text"><img src="./public/images/copy-right.svg" alt="copy right symbol" class="copy-right-icon">
2022 Primetrace Technologies Pvt Ltd
</div>
<div class="footer-seperator invisible-on-small-device">|</div>
<div>
<a class="tos invisible-on-small-device" href="tos">Terms of Service</a>
</div>
<div class="footer-seperator invisible-on-small-device">|</div>
<div class="invisible-on-small-device">
<a class="privacy-policy invisible-on-small-device" href="privacy-policy">Privacy Policy</a>
</div>
<div class="footer-seperator invisible-on-small-device">|</div>
<div class="invisible-on-small-device">
<a class="pricing-and-refunds invisible-on-small-device" href="pricing-and-refunds">Pricing, Cancellations and Refunds</a>
</div>
<div class="footer-seperator invisible-on-small-device">|</div>
<div class="invisible-on-small-device">
<a class="about-us invisible-on-small-device" href="about-us">About Us</a>
</div>
</div>
<script>
const scrollable = document.getElementsByClassName('featured-items-list')
function populateFeaturedItemsList () {
const newsArticles = [
{
icon: 'https://accounts.hindustantimes.com/images/ht/logos/ht-logo2.svg',
title: '"If you want to stay positive and energetic in life, then download Crafto App"',
description: 'Developed by Kutumb App team, Crafto is an android app to share daily thoughts with your friends...',
articleLink: 'https://www.hindustantimes.com/brand-post/if-you-want-to-stay-positive-and-energetic-in-life-then-download-crafto-app-101642592198446.html',
date: 'January 19, 2022',
writtenInfo: 'Written By - HT Brand Studio',
iconType: 1
},
{
icon: 'https://pbs.twimg.com/profile_images/1217680800851693569/4l-37sLG_400x400.jpg',
title: '"कोरोना महामारी के दौर में सकारात्मक और ऊर्जावान बनाए रखने के लिए इस कंपनी ने पेश किया ऐप"',
description: 'कोरोना महामारी के दौर में बहुत सारे लोग अवसाद से पीड़ित हो रहे हैं। इसी को देखते हुए लोगों को सकारात्मक और ऊर्जावान ...',
articleLink: 'https://www.indiatv.in/paisa/business/this-company-introduced-the-app-to-keep-positive-and-energetic-during-the-corona-epidemic-2022-01-16-831702',
date: 'January 16, 2022',
writtenInfo: 'Written By - India Tv',
iconType: 1
},
{
icon: 'https://www.kindpng.com/picc/m/458-4587136_dainik-bhaskar-logo-png-transparent-png.png',
title: '"कोरोना संकट के दौर में सकारात्मक और ऊर्जावान बनाए रखने की है जरूरत, \'कुटुंब\' की टीम ने विकसित किया Crafto App"',
description: 'कोरोना संकट के इस दौर में हर तरफ निराशा प्याप्त है, लोगों में नकारात्मक सोच घर करती जा रही है, जोकि ...',
articleLink: 'https://www.bhaskar.com/local/delhi-ncr/gurgaon/news/there-is-a-need-to-keep-positive-and-energetic-in-times-of-corona-crisis-team-of-kutumb-developed-crafto-app-129300923.html?_branch_match_id=990172285963956003&utm_campaign=129300923&utm_medium=sharing&_branch_referrer=H4sIAAAAAAAAA8soKSkottLXT0nMzMvM1k3Sy8zTr8qqzPJJyyj3z00CAA6MdwIfAAAA',
date: 'January 14, 2022',
writtenInfo: 'Written By - Dainik Bhaskar',
iconType: 1
}
]
newsArticles.forEach(article => {
const featuredItem = document.createElement('div')
featuredItem.className = 'featured-item'
const featuredItemMediaCompanyLogo = document.createElement('div')
featuredItemMediaCompanyLogo.className = 'featured-item-media-company-logo'
const featuredMediaCompanyIcon = document.createElement('img')
featuredMediaCompanyIcon.className = 'featured-media-company-icon'
featuredMediaCompanyIcon.src = article.icon
featuredMediaCompanyIcon.alt = ''
featuredItemMediaCompanyLogo.appendChild(featuredMediaCompanyIcon)
featuredItem.appendChild(featuredItemMediaCompanyLogo)
const featuredItemContent = document.createElement('div')
featuredItemContent.className = 'featured-item-content'
const featuredItemTitle = document.createElement('div')
featuredItemTitle.className = 'featured-item-title'
featuredItemTitle.innerHTML = article.title
const featuredItemSubtitle = document.createElement('div')
featuredItemSubtitle.className = 'featured-item-subtitle'
featuredItemSubtitle.innerHTML = article.description
const featuredItemFooter = document.createElement('div')
featuredItemFooter.className = 'featured-item-footer'
const featuredItemArticleLink = document.createElement('div')
featuredItemArticleLink.className = 'featured-item-article-link'
const featuredItemOutlinkAnchor = document.createElement('a')
featuredItemOutlinkAnchor.className = 'featured-item-outlink-anchor'
featuredItemOutlinkAnchor.href = article.articleLink
const featuredItemOutlink = document.createElement('img')
featuredItemOutlink.className = 'featured-item-outlink-icon'
featuredItemOutlink.src = './public/images/outlink.svg'
featuredItemOutlinkAnchor.innerHTML = 'Read Full Article'
featuredItemOutlinkAnchor.appendChild(featuredItemOutlink)
featuredItemArticleLink.appendChild(featuredItemOutlinkAnchor)
const seperatorCircle = document.createElement('div')
seperatorCircle.className = 'seperating-cirle'
const seperatorCircle2 = document.createElement('div')
seperatorCircle2.className = 'seperating-cirle-invisible-on-phone'
const featuredItemArticleDate = document.createElement('div')
featuredItemArticleDate.className = 'article-date'
featuredItemArticleDate.innerHTML = article.date
const articleWrittenBy = document.createElement('div')
articleWrittenBy.className = 'article-written-by'
articleWrittenBy.innerHTML = `${article.writtenInfo}`
featuredItemFooter.appendChild(featuredItemArticleLink)
featuredItemFooter.appendChild(seperatorCircle2)
featuredItemFooter.appendChild(featuredItemArticleDate)
featuredItemFooter.appendChild(seperatorCircle)
featuredItemFooter.appendChild(articleWrittenBy)
featuredItemContent.appendChild(featuredItemTitle)
featuredItemContent.appendChild(featuredItemSubtitle)
featuredItemContent.appendChild(featuredItemFooter)
featuredItem.appendChild(featuredItemContent)
scrollable[0].appendChild(featuredItem)
})
}
populateFeaturedItemsList()
const featuredItemWidth = document.getElementsByClassName('featured-item')[0].scrollWidth
let prevScrollLeftVal = 0
const scrollFunction = function () {
if (prevScrollLeftVal === scrollable[0].scrollLeft && prevScrollLeftVal !== 0) {
scrollable[0].scrollTo({
left: 100,
top: 0,
behavior: 'smooth'
})
} else {
scrollable[0].scrollTo({
left: scrollable[0].scrollLeft + featuredItemWidth + 15,
top: 0,
behavior: 'smooth'
})
}
prevScrollLeftVal = scrollable[0].scrollLeft
}
setInterval(scrollFunction, 3000)
</script>
</body></html>