From 9f249c728e17828b2cda8ab6dd2d40e104ffccc7 Mon Sep 17 00:00:00 2001
From: Ankit Hingarajiya <ankit@krishaweb.com>
Date: Fri, 30 Jun 2023 19:04:30 +0530
Subject: [PATCH] Added google script

---
 cards/card-01/index.html | 15 ++++++++++++
 cards/card-02/index.html | 21 +++++++++++++---
 index.html               | 53 +++++++++++++++++++++++++---------------
 3 files changed, 66 insertions(+), 23 deletions(-)
diff --git a/cards/card-01/index.html b/cards/card-01/index.html
index 1b8bbaf..c73583e 100644
--- a/cards/card-01/index.html
+++ b/cards/card-01/index.html
@@ -29,6 +29,16 @@
 		Card UI kits,
 		Card design guidelines,
 		Card-based navigation">
+		<!-- Google Tag Manager -->
+		<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-TCTGDWX');</script>
+		<!-- End Google Tag Manager -->
 		<meta property="og:type" content="website">
 		<meta property="og:title" content="Card UI - #01">
 		<meta property="og:description"
@@ -53,6 +63,11 @@
 	</head>
 
 	<body x-data="{'isModalOpen': false}" x-on:keydown.escape="isModalOpen=false">
+		<!-- Google Tag Manager (noscript) -->
+		<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TCTGDWX" height="0" width="0"
+					style="display:none;visibility:hidden"></iframe></noscript>
+		<!-- End Google Tag Manager (noscript) -->
+		<!-- Header Start -->
 		<div class="layout-card-frame">
 			<div class="layout-card-header">
 				<div class="container">
diff --git a/cards/card-02/index.html b/cards/card-02/index.html
index ae5fc94..61079f9 100644
--- a/cards/card-02/index.html
+++ b/cards/card-02/index.html
@@ -5,7 +5,7 @@
 		<meta charset="UTF-8">
 		<meta http-equiv="X-UA-Compatible" content="IE=edge">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
-		<title>Card UI - #01</title>
+		<title>Card UI - #02</title>
 		<link rel="apple-touch-icon" sizes="180x180" href="../../assets/images/apple-touch-icon.png">
 		<link rel="icon" type="image/png" sizes="32x32" href="../../assets/images/favicon-32x32.png">
 		<link rel="icon" type="image/png" sizes="16x16" href="../../assets/images/favicon-16x16.png">
@@ -29,14 +29,24 @@
 		Card UI kits,
 		Card design guidelines,
 		Card-based navigation">
+		<!-- Google Tag Manager -->
+		<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-TCTGDWX');</script>
+		<!-- End Google Tag Manager -->
 		<meta property="og:type" content="website">
-		<meta property="og:title" content="Card UI - #01">
+		<meta property="og:title" content="Card UI - #02">
 		<meta property="og:description"
 				content="Experience the power of visually appealing and functional UI designs with our Card UI website. Start exploring our collection today and elevate your user interfaces to new heights.">
 		<meta property="og:image"
 				content="https://repository-images.githubusercontent.com/656710542/b401365c-a2b2-4699-b522-26b5ce0f9e90">
 		<meta property="twitter:card" content="summary_large_image">
-		<meta property="twitter:title" content="Card UI - #01">
+		<meta property="twitter:title" content="Card UI - #02">
 		<meta property="twitter:description"
 				content="Experience the power of visually appealing and functional UI designs with our Card UI website. Start exploring our collection today and elevate your user interfaces to new heights.">
 		<meta property="twitter:image"
@@ -55,6 +65,11 @@
 	</head>
 
 	<body x-data="{'isModalOpen': false}" x-on:keydown.escape="isModalOpen=false">
+		<!-- Google Tag Manager (noscript) -->
+		<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TCTGDWX" height="0" width="0"
+					style="display:none;visibility:hidden"></iframe></noscript>
+		<!-- End Google Tag Manager (noscript) -->
+		<!-- Header Start -->
 		<div class="layout-card-frame">
 			<div class="layout-card-header">
 				<div class="container">
diff --git a/index.html b/index.html
index 3c0c425..862bd28 100644
--- a/index.html
+++ b/index.html
@@ -29,29 +29,42 @@
 		Card UI kits,
 		Card design guidelines,
 		Card-based navigation">
+		<!-- Google Tag Manager -->
+		<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-TCTGDWX');</script>
+		<!-- End Google Tag Manager -->
 		<meta property="og:type" content="website">
 		<meta property="og:title" content="Card UI">
 		<meta property="og:description"
-			content="Experience the power of visually appealing and functional UI designs with our Card UI website. Start exploring our collection today and elevate your user interfaces to new heights.">
+				content="Experience the power of visually appealing and functional UI designs with our Card UI website. Start exploring our collection today and elevate your user interfaces to new heights.">
 		<meta property="og:image"
-			content="https://repository-images.githubusercontent.com/656710542/b401365c-a2b2-4699-b522-26b5ce0f9e90">
+				content="https://repository-images.githubusercontent.com/656710542/b401365c-a2b2-4699-b522-26b5ce0f9e90">
 		<meta property="twitter:card" content="summary_large_image">
 		<meta property="twitter:title" content="Card UI">
 		<meta property="twitter:description"
-			content="Experience the power of visually appealing and functional UI designs with our Card UI website. Start exploring our collection today and elevate your user interfaces to new heights.">
+				content="Experience the power of visually appealing and functional UI designs with our Card UI website. Start exploring our collection today and elevate your user interfaces to new heights.">
 		<meta property="twitter:image"
-			content="https://repository-images.githubusercontent.com/656710542/b401365c-a2b2-4699-b522-26b5ce0f9e90">
+				content="https://repository-images.githubusercontent.com/656710542/b401365c-a2b2-4699-b522-26b5ce0f9e90">
 
 		<link rel="preconnect" href="https://fonts.googleapis.com">
 		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-		<link
-			href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Sen:wght@400;700&display=swap"
-			rel="stylesheet">
+		<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Sen:wght@400;700&display=swap"
+				rel="stylesheet">
 		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@2.22.0/tabler-icons.min.css" />
 		<link rel="stylesheet" href="assets/css/style.css">
 	</head>
 
 	<body x-data="{'isModalOpen': false}" x-on:keydown.escape="isModalOpen=false">
+		<!-- Google Tag Manager (noscript) -->
+		<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TCTGDWX" height="0" width="0"
+					style="display:none;visibility:hidden"></iframe></noscript>
+		<!-- End Google Tag Manager (noscript) -->
 		<!-- Header Start -->
 		<div class="header-wrap">
 			<header>
@@ -66,13 +79,11 @@
 						<ul>
 							<li>
 								<a class="github-button" href="https://github.com/dropways/card-ui"
-									data-color-scheme="no-preference: dark; light: light; dark: light;"
-									data-icon="octicon-star" data-size="large" data-show-count="true"
-									aria-label="Star dropways/card-ui on GitHub">Star</a>
+										data-color-scheme="no-preference: dark; light: light; dark: light;" data-icon="octicon-star"
+										data-size="large" data-show-count="true" aria-label="Star dropways/card-ui on GitHub">Star</a>
 							</li>
 							<li>
-								<a href="https://github.com/dropways/card-ui" target="_blank"
-									class="btn btn-primary btn-icon-txt">
+								<a href="https://github.com/dropways/card-ui" target="_blank" class="btn btn-primary btn-icon-txt">
 									<i class="ti ti-brand-github"></i> Github
 								</a>
 							</li>
@@ -119,7 +130,8 @@ <h2 class="h2">Card Gallery</h2>
 									<span>#01</span>
 								</div>
 								<div class="card-list-item__img">
-									<img src="https://github-production-user-asset-6210df.s3.amazonaws.com/38377336/248484878-f72db189-3e98-454d-81bd-20ab3323a2e4.jpg" alt="">
+									<img src="https://github-production-user-asset-6210df.s3.amazonaws.com/38377336/248484878-f72db189-3e98-454d-81bd-20ab3323a2e4.jpg"
+											alt="">
 								</div>
 							</a>
 						</li>
@@ -129,7 +141,8 @@ <h2 class="h2">Card Gallery</h2>
 									<span>#02</span>
 								</div>
 								<div class="card-list-item__img">
-									<img src="https://github-production-user-asset-6210df.s3.amazonaws.com/38377336/248573168-d5c5fecd-3423-4b93-8e95-04b5cd517192.jpg" alt="">
+									<img src="https://github-production-user-asset-6210df.s3.amazonaws.com/38377336/248573168-d5c5fecd-3423-4b93-8e95-04b5cd517192.jpg"
+											alt="">
 								</div>
 							</a>
 						</li>
@@ -147,19 +160,19 @@ <h2 class="h2">Card Gallery</h2>
 
 		<!-- Contact Modal Start -->
 		<div class="modal contact-modal" role="dialog" tabindex="-1" x-show="isModalOpen"
-			x-on:click.away="isModalOpen = false" x-cloak x-transition>
+				x-on:click.away="isModalOpen = false" x-cloak x-transition>
 			<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
 				<div class="modal-content">
 					<div class="modal-header">
-						<button type="button" class="btn btn-dark btn-icon" aria-label="Close"
-							x-on:click="isModalOpen=false"><i class="ti ti-x"></i></button>
+						<button type="button" class="btn btn-dark btn-icon" aria-label="Close" x-on:click="isModalOpen=false"><i
+									class="ti ti-x"></i></button>
 						<div class="modal-title">Submit Your Work</div>
 					</div>
 					<div class="modal-body">
 						<div class="contact-wrap">
 							<iframe
-								src="https://docs.google.com/forms/d/e/1FAIpQLSe9ChHmOizuKEN1Js0RdqfEBN1SjqGkBXuEj-GT92T25CyzYw/viewform"
-								frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
+									src="https://docs.google.com/forms/d/e/1FAIpQLSe9ChHmOizuKEN1Js0RdqfEBN1SjqGkBXuEj-GT92T25CyzYw/viewform"
+									frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
 						</div>
 					</div>
 				</div>
@@ -169,7 +182,7 @@ <h2 class="h2">Card Gallery</h2>
 		<!-- Contact Modal End -->
 
 		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js" crossorigin="anonymous"
-			referrerpolicy="no-referrer"></script>
+				referrerpolicy="no-referrer"></script>
 		<script async defer="defer" src="https://buttons.github.io/buttons.js"></script>
 		<script src="assets/js/alpinejs.min.js"></script>
 		<script src="assets/js/script.js"></script>
