forked from bgoonz/TexTools
-
Notifications
You must be signed in to change notification settings - Fork 0
/
letter-case-converter.html
109 lines (86 loc) · 4.9 KB
/
letter-case-converter.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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Letter Case Converter</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/simple-sidebar.css" rel="stylesheet">
<link href="./main-style.css" rel="stylesheet">
<link href="./main-style.css" rel="stylesheet"></head>
<body>
<div class="d-flex" id="wrapper">
<!-- Sidebar -->
<div class="bg-light border-right" id="sidebar-wrapper">
<div class="sidebar-heading">TexTools Tools </div>
<div class="list-group list-group-flush">
<a href="index.html" class="list-group-item list-group-item-action bg-light">Home</a>
<a href="duplicate-text-line-remover.html" class="list-group-item list-group-item-action bg-light">Duplicate Text Line Remover</a>
<a href="find-replace-text.html" class="list-group-item list-group-item-action bg-light">Find and Replace Text</a>
<a href="compare-text-files.html" class="list-group-item list-group-item-action bg-light">Compare Text Files (Remove Dupes)</a>
<a href="prefix-suffix-lines.html" class="list-group-item list-group-item-action bg-light">Add Prefix/Suffix to Lines</a>
<a href="whitespace-remover.html" class="list-group-item list-group-item-action bg-light">WhiteSpace Remover</a>
<a href="sort-text-lines.html" class="list-group-item list-group-item-action bg-light">Sort Text Lines</a>
<a href="replace-line-breaks.html" class="list-group-item list-group-item-action bg-light">Replace Line Breaks</a>
<a href="letter-case-converter.html" class="list-group-item list-group-item-action bg-light">Letter Case Converter</a>
</div>
</div>
<!-- /#sidebar-wrapper -->
<!-- Page Content -->
<div id="page-content-wrapper">
<nav class="navbar navbar-expand-lg navbar-light bg-light border-bottom">
<button class="btn btn-primary" id="menu-toggle">Toggle Menu</button>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</nav>
<div class="container-fluid">
<h1 class="mt-4 text-center">Letter Case Converter</h1>
<p class="text-center">First, paste your text in the input box below. Select what letter case you want your text to be converted to using the options below. </p>
<p class="text-center"> Finally, click on the "Convert Letter Case" button.</p>
<div class="row mt-5 m-5">
<div class="col-md-12">
<div id="InputandOutput">
<label for="inputText">
<h5 id="inputLabel">Input:</h5>
</label>
<select class="mdb-select md-form colorful-select dropdown-primary float-right" id="options">
<option value="uppercase">Uppercase</option>
<option value="lowercase">Lowercase</option>
</select>
<label class="float-right mr-1">Options</label>
<textarea class="form-control" id="inputText" rows="10"></textarea>
<button class="btn btn-primary mt-1 float-right" onclick="letterCaseConverter();">Convert Letter Case</button>
</div>
</div>
</div>
</div>
</div>
<!-- /#page-content-wrapper -->
</div>
<!-- /#wrapper -->
<!--Footer-->
<footer>
<p class="text-center">
<a href="https://startbootstrap.com/templates/simple-sidebar/"></a>Made by <a
href="https://github.com/toorhamza">Bryan Guner</a></p>
</footer>
<!--Footer ends-->
<!-- Bootstrap core JavaScript -->
<script src="js/jquery.min.js"> </script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/textmani.js"></script>
<!-- Menu Toggle Script -->
<script>
$("#menu-toggle").click(function (e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled");
});
</script>
</body>
</html>