-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathsoftware.html
104 lines (97 loc) · 4.32 KB
/
software.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Software and Programming Resources</title>
<link rel="stylesheet" href="soft.css">
<link rel="shortcut icon" href="icons/emoji.png" type="image/x-icon">
</head>
<body class="light">
<!-- Header Section -->
<header>
<!-- Department Title -->
<h1>
<a href="HOME.html" id="home-link">Software and Programming Resources</a>
</h1>
<nav>
<!-- Theme Switch -->
<ul>
<li class="theme-switch" id="theme-switch"></li>
<!-- Contact Icon -->
<li class="contact-icon">
<a href="contacts/contact.html">
<img src="icons/world-wide-web (1).png" alt="Contact" id="contact-icon">
</a>
</li>
</ul>
</nav>
</header>
<!-- Main Section -->
<div class="container">
<!-- <h1>Software and Programming Resources</h1> -->
<!-- Row for Code Editors -->
<div class="row">
<div class="left-section">
<h1>Code Editors</h1>
<div class="card-grid">
<div class="card">
<img src="code-icons/icons8-visual-studio-48.png" alt="VS Code">
<h3>Visual Studio Code</h3>
<p>VS Code: Lightweight, versatile coding editor.</p>
<a href="https://code.visualstudio.com/Download">Download</a>
</div>
<div class="card">
<img src="code-icons/rstudio.svg" alt="R studio">
<h3>R Studio</h3>
<p>RStudio: IDE for R programming, statistics.</p>
<a href="https://posit.co/download/rstudio-desktop/">Download</a>
</div>
<div class="card">
<img src="code-icons/intellij-idea.svg" alt="IntelliJ idea">
<h3>IntelliJ IDEA</h3>
<p>IntelliJ IDEA: Java-based IDE, development tool.</p>
<a href="https://www.jetbrains.com/idea/download/?section=windows">Download</a>
</div>
<div class="card">
<img src="code-icons/spyder_logo.svg" alt="spyder_ide">
<h3>Spyder-IDE</h3>
<p>Spyder IDE: Python scientific development environment.</p>
<a href="https://www.spyder-ide.org/download/">Download</a>
</div>
</div>
</div>
<!-- Row for Programming Languages and Files -->
<div class="right-section">
<h1>Programming Files</h1>
<div class="card-grid">
<div class="card">
<img src="code-icons/mysql-svgrepo-com.svg" alt="mysql">
<h3>MySql</h3>
<p>Download mysql For Data Base Managment System Intro.</p>
<a href="https://dev.mysql.com/downloads/installer/">Download</a>
</div>
<div class="card">
<img src="code-icons/java-icon.svg" alt="Java">
<h3>Java</h3>
<p>Download JDK for java Installation.</p>
<a href="https://www.oracle.com/java/technologies/downloads/">Download</a>
</div>
</div>
</div>
</div>
</div>
<footer>
<p class="contact-footer"><a href="https://scriet.ccsuniversity.ac.in/">© 🏫 Department of Computer Application</a></p>
<!-- <p>© 🏫 Department of Computer Application</p> -->
<p class="contact-footer"><a href="contacts/contact.html">Contact</a></p>
<ul class="social-media">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</footer>
<!-- JavaScript for Theme Switching -->
<script src="soft.js"></script>
</body>
</html>