Skip to content

Commit 1f0128e

Browse files
ConnectWithManConnectWithMan
authored
Update index.html
1 parent 499dfa3 commit 1f0128e

File tree

1 file changed

+280
-77
lines changed

1 file changed

+280
-77
lines changed

‎index.html‎

Lines changed: 280 additions & 77 deletions
Original file line numberDiff line numberDiff line change
@@ -1,99 +1,302 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
34
<head>
45
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>RTU Notes - Educational Website</title>
6+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
7+
<title>RTU Notes - Best Online Study Material</title>
8+
<meta name="description"
9+
content="All online tools you need in one website for free. Internet-based tools that are designed to assist individuals in various professions, including developers, designers, and others.">
10+
<link rel="icon" type="image/x-icon" href="https://www.useoftools.com/favicon.png" />
11+
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css'>
12+
<link rel="stylesheet" href="https://www.useoftools.com/style.css">
13+
14+
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9724513291347385"
15+
crossorigin="anonymous"></script>
16+
<!-- Google tag (gtag.js) -->
17+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ZBZ9S6S4NH"></script>
18+
<script>
19+
window.dataLayer = window.dataLayer || [];
20+
function gtag(){dataLayer.push(arguments);}
21+
gtag('js', new Date());
22+
23+
gtag('config', 'G-ZBZ9S6S4NH');
24+
</script>
25+
726
<style>
8-
body {
9-
font-family: Arial, sans-serif;
10-
margin: 0;
11-
padding: 0;
12-
background-color: #f4f4f4;
27+
section {
28+
display: grid;
29+
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
30+
gap: 22px;
31+
max-width: 1050px;
32+
margin: 10px auto;
33+
padding: 10px;
34+
background-color: #fff;
35+
border-radius: 0px;
36+
}
37+
38+
.tool {
39+
border: 1px solid #cecece;
40+
padding: 15px;
41+
border-radius: 12px;
42+
transition: transform 0.3s;
43+
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
1344
}
14-
header {
15-
background: #333;
16-
color: white;
45+
46+
.tool:hover {
47+
border: 1px solid #9e9e9e;
1748
padding: 15px;
18-
text-align: center;
49+
border-radius: 12px;
50+
transform: scale(1.02);
51+
box-shadow: 0 0 20px rgba(0, 0.1, 0, 0.2);
1952
}
20-
nav ul {
21-
list-style: none;
22-
padding: 0;
53+
54+
.tool h2 {
55+
font-size: 22px;
56+
margin-bottom: 10px;
57+
color: #2f3f88;
2358
}
24-
nav ul li {
25-
display: inline;
26-
margin: 0 15px;
59+
60+
.tool p {
61+
font-size: 16px;
62+
margin-bottom: 15px;
63+
color: rgb(104, 104, 104);
2764
}
28-
nav ul li a {
29-
color: white;
65+
66+
.tool a {
67+
display: inline-block;
68+
padding: 10px;
69+
background-color: #ffffff;
70+
color: #2600ff;
3071
text-decoration: none;
72+
font-weight: bold;
73+
border-radius: 0px;
74+
transition: background-color 0.2s;
3175
}
32-
section {
33-
padding: 20px;
34-
margin: 20px;
35-
background: white;
36-
border-radius: 5px;
37-
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
76+
77+
.tool a:hover {
78+
background-color: #ebebff;
79+
border-bottom: 2px solid rgb(4, 0, 255);
3880
}
39-
button {
40-
background: #28a745;
41-
color: white;
42-
padding: 10px 15px;
43-
border: none;
44-
cursor: pointer;
45-
border-radius: 5px;
46-
}
47-
button:hover {
48-
background: #218838;
49-
}
50-
footer {
51-
text-align: center;
52-
padding: 10px;
53-
background: #333;
54-
color: white;
55-
position: relative;
56-
bottom: 0;
57-
width: 100%;
81+
82+
.footer-redinner {
83+
max-width: 1100px;
84+
margin: 0 auto;
85+
padding: 0 20px 0 20px;
86+
display: flex;
87+
align-items: center;
88+
justify-content: space-between;
5889
}
5990
</style>
91+
92+
93+
94+
6095
</head>
96+
6197
<body>
62-
<header>
63-
<h1>Welcome to Study Hub</h1>
64-
<nav>
65-
<ul>
66-
<li><a href="#home">Home</a></li>
67-
<li><a href="#subjects">Subjects</a></li>
68-
<li><a href="#resources">Resources</a></li>
69-
<li><a href="#contact">Contact</a></li>
98+
<!-- partial:index.partial.html -->
99+
<div class="menu-btn">
100+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="#272727"
101+
stroke-width="3" stroke-linecap="round" stroke-linejoin="round">&lt;!--! Famral Icons Free 1.00 by License -
102+
https://www.famral.com/ (Icons: CC BY 4.0) Copyright 2021 Famral Icons --&gt;<line x1="5.99" y1="6" x2="6"
103+
y2="6" stroke-linecap="round" stroke-width="4"></line>
104+
<line x1="11.99" y1="6" x2="12" y2="6" stroke-linecap="round" stroke-width="4"></line>
105+
<line x1="17.99" y1="6" x2="18" y2="6" stroke-linecap="round" stroke-width="4"></line>
106+
<line x1="5.99" y1="12" x2="6" y2="12" stroke-linecap="round" stroke-width="4"></line>
107+
<line x1="11.99" y1="12" x2="12" y2="12" stroke-linecap="round" stroke-width="4"></line>
108+
<line x1="17.99" y1="12" x2="18" y2="12" stroke-linecap="round" stroke-width="4"></line>
109+
<line x1="5.99" y1="18" x2="6" y2="18" stroke-linecap="round" stroke-width="4"></line>
110+
<line x1="11.99" y1="18" x2="12" y2="18" stroke-linecap="round" stroke-width="4"></line>
111+
<line x1="17.99" y1="18" x2="18" y2="18" stroke-linecap="round" stroke-width="4"></line>
112+
</svg>
113+
</div>
114+
115+
<div class="container">
116+
<!-- Nav -->
117+
<nav class="main-nav">
118+
<img src="https://www.useoftools.com/logo.png" alt="Online Tools" class="logo">
119+
120+
<ul class="main-menu">
121+
<li><a href="https://www.useoftools.com">Home</a></li>
122+
<li><a href="https://www.useoftools.com/developer" target="_blank">Coding Tools</a></li>
123+
<li><a href="https://www.useoftools.com/qr-code-generator" target="_blank">Generate QR Code</a></li>
124+
<li><a href="https://www.sciencebaba.com/" target="_blank">Latest News</a></li>
125+
</ul>
126+
127+
<ul class="right-menu">
128+
<li>
129+
<a href="https://www.useoftools.com/search">
130+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none"
131+
stroke="#000000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">&lt;!--!
132+
Famral Icons -
133+
https://icons.famral.com/ (Copyright Famral Icons) --&gt;<circle cx="11"
134+
cy="11" r="9" fill="none"></circle>
135+
<line x1="17.5" y1="17.5" x2="22" y2="22"></line>
136+
</svg>
137+
</a>
138+
</li>
70139
</ul>
71140
</nav>
72-
</header>
73-
74-
<section id="home">
75-
<h2>Enhance Your Learning</h2>
76-
<p>Access previous year papers, sample papers, and study materials for better preparation.</p>
77-
</section>
78-
79-
<section id="subjects">
80-
<h2>Subjects</h2>
81-
<ul>
82-
<li>Mathematics</li>
83-
<li>Science</li>
84-
<li>English</li>
85-
<li>Hindi</li>
86-
</ul>
87-
</section>
88-
89-
<section id="resources">
90-
<h2>Resources</h2>
91-
<p>Download previous year papers, sample papers, and solutions.</p>
92-
<button>Download Now</button>
93-
</section>
94-
95-
<footer>
96-
<p>&copy; 2025 Study Hub. All rights reserved.</p>
141+
142+
143+
144+
145+
<section>
146+
147+
<div class="tool">
148+
<h2>Add Text to Photo</h2>
149+
<p>Our free online tool to add text to photo allows you to work with any image, including screenshots. It will take you only a few seconds to apply your text.</p>
150+
<a href="https://www.useoftools.com/add-text-to-photo">Add Text to Photo <i class="fas fa-chevron-right"></i></a>
151+
</div>
152+
153+
<div class="tool">
154+
<h2>CSS Background Generator</h2>
155+
<p>Generate css background color with our free tools. Generate CSS background color with our CSS generator tool. Preview the result and copy the generated code to your website.</p>
156+
<a href="https://www.useoftools.com/css-background-generator">CSS Background Generator <i class="fas fa-chevron-right"></i></a>
157+
</div>
158+
159+
<div class="tool">
160+
<h2>HTML Link Generator</h2>
161+
<p>This is a free online tool to create simple HTML link code from an existing URL. Our HTML Link Generator tool helps the average web developer to create HTML links easily.</p>
162+
<a href="https://www.useoftools.com/html-link-generator">HTML Link Generator <i class="fas fa-chevron-right"></i></a>
163+
</div>
164+
165+
<div class="tool">
166+
<h2>Background Remover</h2>
167+
<p>Remove image backgrounds automatically in 5 seconds with just one click. Don't spend hours manually picking pixels. Upload your photo now & see the magic.</p>
168+
<a href="https://www.useoftools.com/remove-background">Remove Background <i class="fas fa-chevron-right"></i></a>
169+
</div>
170+
171+
<div class="tool">
172+
<h2>Convert Image to PDF</h2>
173+
<p>Convert Images to PDF for free online. Our image to PDF Converter transforms any image file into a PDF file in seconds.</p>
174+
<a href="https://www.useoftools.com/image-to-pdf">Image to PDF Converter <i class="fas fa-chevron-right"></i></a>
175+
</div>
176+
177+
<div class="tool">
178+
<h2>Secure Password Generator</h2>
179+
<p>Instantly generate a secure, random password with the our free online tool. Create random passwords based on a combination of characters, numbers, and symbols.</p>
180+
<a href="https://www.useoftools.com/password-generator">Strong Password Generator <i class="fas fa-chevron-right"></i></a>
181+
</div>
182+
183+
<div class="tool">
184+
<h2>Easy Photo Editor</h2>
185+
<p>Make your photos stand out with our free online photo editor.</p>
186+
<a href="https://www.useoftools.com/photo-editor">Open Photo Editor <i class="fas fa-chevron-right"></i></a>
187+
</div>
188+
189+
<div class="tool">
190+
<h2>PNG to PDF Converter</h2>
191+
<p>Convert PNG, JPG images to PDF, rotate them or set a page margin. Convert PNG to PDF online, easily and free.</p>
192+
<a href="https://www.useoftools.com/png-to-pdf">Convert PNG to PDF <i class="fas fa-chevron-right"></i></a>
193+
</div>
194+
195+
<div class="tool">
196+
<h2>JPG to PDF Converter</h2>
197+
<p>Convert JPG, PNG images to PDF, rotate them or set a page margin. Convert JPG to PDF online, easily and free.</p>
198+
<a href="https://www.useoftools.com/jpg-to-pdf">Convert JPG to PDF <i class="fas fa-chevron-right"></i></a>
199+
</div>
200+
201+
<div class="tool">
202+
<h2>Image Average Color Finder</h2>
203+
<p>Image Average Color Finder is a free online tool for finding average color in an image.</p>
204+
<a href="https://www.useoftools.com/image-average-color-finder">Find Image Average Color <i class="fas fa-chevron-right"></i></a>
205+
</div>
206+
207+
<div class="tool">
208+
<h2>Custom Emoji Maker</h2>
209+
<p>Emoji Maker Tools to help you create your own emoji and share it with your friends. Emoji Maker Online is very simple to use and it is completely free.</p>
210+
<a href="https://www.useoftools.com/emoji-maker">Custom Emoji Maker <i class="fas fa-chevron-right"></i></a>
211+
</div>
212+
213+
<div class="tool">
214+
<h2>Password Strength Checker</h2>
215+
<p>Password strength checker has a meter that measures user-entered passwords include a full combination of symbols, numbers, uppercase, and lowercase letters.</p>
216+
<a href="https://www.useoftools.com/password-strength-checker">Password Strength Checker <i class="fas fa-chevron-right"></i></a>
217+
</div>
218+
219+
<div class="tool">
220+
<h2>Free UTM Builder</h2>
221+
<p>Our UTM builder creates UTM tracking links for Google Analytics in seconds! Learn everything you need to know to start creating UTM codes with this free tool.</p>
222+
<a href="https://www.useoftools.com/utm-generator">Free UTM Builder <i class="fas fa-chevron-right"></i></a>
223+
</div>
224+
225+
<div class="tool">
226+
<h2>HEX To RGB Converter</h2>
227+
<p>Enter a valid HEX code (e.g., #ff5733) into the input field and click "Convert". The RGB equivalent will be displayed, and you can copy it using the "Copy RGB Code" button.</p>
228+
<a href="https://www.useoftools.com/hex-to-rgb">Convert HEX To RGB <i class="fas fa-chevron-right"></i></a>
229+
</div>
230+
231+
<div class="tool">
232+
<h2>CSS Gradient Generator</h2>
233+
<p>Free tool to easily make and generate cross browser linear or radial css gradients. You can generate your custom css gradient in HEX or RGBA color format for free.</p>
234+
<a href="https://www.useoftools.com/css-gradient-generator">CSS Gradient Generator <i class="fas fa-chevron-right"></i></a>
235+
</div>
236+
237+
<div class="tool">
238+
<h2>Keyword Density Checker</h2>
239+
<p>Free Keyword Density Checker tool by Famral Tools allow to check density percentage in content & find how many numbers of times a keyword is used on your content.</p>
240+
<a href="https://www.useoftools.com/keyword-density-checker">Keyword Density Checker <i class="fas fa-chevron-right"></i></a>
241+
</div>
242+
243+
<div class="tool">
244+
<h2>SVG Vector Editor</h2>
245+
<p>Scalable Vector Graphics editor. The best tool for editing SVG files. For beginners and professional designers.</p>
246+
<a href="https://www.useoftools.com/svg-editor">SVG Editor <i class="fas fa-chevron-right"></i></a>
247+
</div>
248+
249+
<div class="tool">
250+
<h2>RGB to HEX Converter</h2>
251+
<p>Enter valid RGB values (e.g., 255, 87, 51) into the input field and click "Convert". The HEX equivalent will be displayed, and you can copy it using the "Copy HEX Code" button.</p>
252+
<a href="https://www.useoftools.com/rgb-to-hex">Convert RGB to HEX <i class="fas fa-chevron-right"></i></a>
253+
</div>
254+
255+
<div class="tool">
256+
<h2>HEX Color Code Generator</h2>
257+
<p>Use our color picker to discover beautiful colors and harmonies with Hex color codes and RGB values.</p>
258+
<a href="https://www.useoftools.com/hex-color-generator">HEX Color Code Generator <i class="fas fa-chevron-right"></i></a>
259+
</div>
260+
261+
<div class="tool">
262+
<h2>Free QR Code Generator</h2>
263+
<p>Our free QR code generator is a software which stores data into a QR code (for example a text or a website address).</p>
264+
<a href="https://www.useoftools.com/qr-code-generator">Free QR Code Generator <i class="fas fa-chevron-right"></i></a>
265+
</div>
266+
267+
<div class="tool">
268+
<h2>Color Palette Generator</h2>
269+
<p>The best color palettes generator! Create the perfect palette or get inspired by thousands of beautiful color schemes.</p>
270+
<a href="https://www.useoftools.com/color-palette-generator">Color Palette Generator <i class="fas fa-chevron-right"></i></a>
271+
</div>
272+
273+
<div class="tool">
274+
<h2>Developer Tools</h2>
275+
<p>The Best Free Online Developer Tools You Will Ever Need.</p>
276+
<a href="https://www.useoftools.com/developer">Developer Tools <i class="fas fa-chevron-right"></i></a>
277+
</div>
278+
<!-- Add more tools as needed -->
279+
</section>
280+
281+
282+
<br>
283+
<br>
284+
<br>
285+
286+
287+
</div>
288+
289+
290+
<!-- Footer -->
291+
<footer class="footer">
292+
<div class="footer-redinner">
293+
<ul>
294+
<li><a href="https://www.useoftools.com/">Copyright © UseOfTools.com. All rights reserved.</a></li> <li><a href="https://www.useoftools.com/terms">Terms of Use</a></li> <li><a href="https://www.useoftools.com/privacy">Privacy Policy</a></li>
295+
</ul>
296+
</div>
97297
</footer>
298+
<script src="https://www.useoftools.com/script.js"></script>
299+
98300
</body>
301+
99302
</html>

0 commit comments

Comments
 (0)