TAGon/index.html at master · naaficodes/TAGon · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html>
<head>
<title>TAG-ON | WEBSITE LAYOUT CODE GENERATOR</title>
<meta name="description" content="No need to start your web projects from scratch again, generate your starter HTML CSS layout code using TAG-ON's easy to use layout generator.">
<meta name="og:title" property="og:title" content="TAG-ON | Website Layout Code Generator | Easy to Use">
<meta name="robots" content="index, follow">
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="styles/style.css">
<link rel="stylesheet" type="text/css" href="styles/dragula.css">
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<script src="https://kit.fontawesome.com/2cba884da3.js" crossorigin="anonymous"></script>
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EF3MPMD10C"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-EF3MPMD10C');
</script>

</head>
<body onload="intro();">

<div class="maincon">
	<div id="intro" class="custommodal" onclick="closebox(this);">
		<div class="modalinner flexcenter">
			<img src="img/TAG-on.png" width="200" /><br/>

			Welcome Developer<br/><br/>With TAG-ON, no need to start your web projects from scratch, Generate starter HTML CSS layout code using TAG-ON's easy to use layout generator.<br/><br/> <i  class="far fa-times-circle close" ></i>
		</div>
	</div>
<p id="ins1" style="color:#757575;"><i class="fas fa-hand-pointer"></i> Drag layout to rearrange.<br/> <i class="fas fa-mouse"></i> Right click on the layout to <span style="color: tomato;">delete.</span></p>
<div id="gs">
	Let's get started !!
</div>
<div class="dsktponly"><img src="img/TAG-on.png" width="100" /><br/>This Application is currently available only for Desktop and Tablets.<br/><p style="margin-top: 20px;">Thanks <span style="color: tomato;"><i class="fas fa-heart"></i></span></p></div>
<div class="layoutoptions">
	<br>
	<img src="img/TAG-on.png" width="200" style="margin:0px 10px 10px 10px;"/>
	<p class="shorttext">Website Layout Code Generator </p>
	<p class="shorttext"><i class="fas fa-check-circle"></i>  Mobile Responsive Layout</p>
	<br/>
	<div  id="layoutoptions" style="
    text-align: center;">
	<button onclick="crttitle();"><span class="plusonbutton">+</span>Navbar</button>
	<button onclick="crttopic();"><span class="plusonbutton">+</span>Topic</button>

	<button onclick="crtcontent();"><span class="plusonbutton">+</span>Div</button>
	<button onclick="crtdoublediv();"><span class="plusonbutton">+</span>Duo Div</button>
	<button onclick="crttridiv();"><span class="plusonbutton">+</span>Tri Div</button>
	<button onclick="crtfooter();"><span class="plusonbutton">+</span>Footer</button>

	<button onclick="download('yourcode.html', 'text/html')" id="db"><span class="plusonbutton"><i class="fas fa-cogs"></i></span>Generate Code</button>
</div>
<br/>
	<p class="shorttext" style="margin-bottom:20px;">Made with <span style="color: tomato;"><i class="fas fa-heart"></i></span> by <a href="https://naaficodes.github.io/" target="_blank">Abdul Wahid Naafi</a></p>
		</div>
		<div class="layoutcanvas" id="layoutcanvas">
		</div>
		<div id="downloadfile" class="custommodal" onclick="closebox(this);">
			<div class="modalinner flexcenter" >
				<i class="fas fa-cloud-download-alt" style="font-size: 40px; color:#eeeeee"></i>
				<br/>
				<img src="img/TAG-on.png" width="200" /><br/><a href="" id="a" style="color: tomato; font-size: larger;" download>Click here to download your code</a> <br/><i  class="far fa-times-circle close" ></i>
			</div>
		</div>
	</div>
	<script src="src/script.js"></script>
	<script src='src/dragula.min.js'></script>
	<script>
		dragula([document.getElementById("layoutcanvas")]);
	</script>
</body>
</html>

<!--
	No need to start your web projects from scratch again, generate your starter HTML CSS layout code using TAG-ON's easy to use layout generator.


-->