-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
75 lines (66 loc) · 4.16 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<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>Text Statistics Tool</title>
<meta name="description" content="Free online Text Statistics Tool for analyzing characters, words, lines, and byte size in your text. Ideal for writers, researchers, and anyone needing quick text analysis.">
<meta name="keywords" content="Text Analysis, Text Statistics, Character Count, Word Count, Line Count, Byte Size, Text Tool">
<meta name="author" content="Harindu Jayakody">
<!-- Canonical Tag -->
<link rel="canonical" href="https://www.yourwebsite.com/text-statistics-tool">
<!-- Open Graph / Facebook Meta Tags -->
<meta property="og:title" content="Text Statistics Tool">
<meta property="og:description" content="Analyze your text with ease - character, word, line, and byte count.">
<meta property="og:url" content="https://www.yourwebsite.com/text-statistics-tool">
<meta property="og:type" content="website">
<meta property="og:image" content="https://www.yourwebsite.com/path-to-your-image.jpg">
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Text Statistics Tool">
<meta name="twitter:description" content="Analyze your text with ease - character, word, line, and byte count.">
<meta name="twitter:image" content="https://www.yourwebsite.com/path-to-your-image.jpg">
<!-- Load an icon library to show a hamburger menu (bars) on small screens -->
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<nav>
<div class="wrapper">
<div class="logo"><a href="#">Text Statistics Tool</a></div>
<input type="radio" name="slider" id="menu-btn">
<input type="radio" name="slider" id="close-btn">
<ul class="nav-links">
<label for="close-btn" class="btn close-btn"><i class="fas fa-times"></i></label>
<li><a href="https://harindujayakody.github.io/text-statistics-tool/"><i class="fa-solid fa-house fa-lg" style="color: #ffffff;"></i> Home</a></li>
<li><a href="#"><i class="fa-solid fa-puzzle-piece fa-lg" style="color: #ffffff;"></i> All Tools</a></li>
<li><a href="https://github.com/harindujayakody?tab=repositories"><i class="fa-brands fa-github fa-lg" style="color: #ffffff;"></i> Github Repository</a></li>
<li><a href="#"><i class="fa-solid fa-comment fa-lg" style="color: #ffffff;"></i> Contact</a></li>
</ul>
<label for="menu-btn" class="btn menu-btn"><i class="fa-solid fa-bars"></i></label>
</div>
</nav>
<main>
<section class="hero">
<h1>Welcome to the Text Statistics Tool</h1>
<p>This tool helps you analyze your text easily. Just type or paste your text in the box below, and instantly get statistics like character count, word count, line count, and byte size. Ideal for writers, researchers, and anyone needing quick text analysis.</p>
</section>
<textarea id="textInput" placeholder="Enter your text here..."></textarea>
<div class="stats">
<span id="charCount">Characters: 0</span>
<span id="wordCount">Words: 0</span>
<span id="lineCount">Lines: 1</span>
<span id="byteSize">Bytes: 0</span>
</div>
<section class="info">
<p>Use this text analysis tool to get insights into your writing or any text content. It's fast, efficient, and easy to use, making it a handy tool for everyday text processing tasks.</p>
</section>
</main>
<footer class="footer">
<p>© 2023 Text Analysis Corp. All rights reserved.</p>
</footer>
<script src="script.js"></script>
</body>
</html>