Physicsvlab/index.html at main · ssukesh182/Physicsvlab · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>prototypePL.snuc</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f9;
            color: #333;
        }
        header {
            background-color: #4CAF50;
            color: white;
            padding: 1rem 0;
            text-align: center;
        }
        nav {
            display: flex;
            justify-content: center;
            background-color: #333;
        }
        nav a {
            color: white;
            text-decoration: none;
            padding: 0.75rem 1.5rem;
            display: block;
        }
        nav a:hover {
            background-color: #575757;
        }
        main {
            padding: 2rem;
            text-align: center;
        }
        footer {
            background-color: #333;
            color: white;
            text-align: center;
            padding: 1rem 0;
            margin-top: 2rem;
        }
    </style>
</head>
<body>
    <header>
        <div>
            <h1>PrototypePL</h1>
            <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSQ484FfzI8HUcaveSkjX8OGEE7MxxnRKUSNw&s" alt="Logo" style="position: absolute; top: 10px; right: 10px; height: 92px; width: 92px;">
        </div>
    </header>
    <nav>
        <a href="formulae.html">Formulas</a>
        <a href="simulator.html">Simulation</a>
        <a href="contactus.html">Contact Us</a>
    </nav>
    <main>
        <h2>Introduction</h2>
        <h3><p><b>Semiconductors</b> play a pivotal role in modern technology, with their electronic properties heavily influenced by the bandgap. The bandgap determines a material's ability to conduct electricity and is critical in designing electronic and optoelectronic devices. Understanding and visualizing the bandgap concept is essential for students and researchers in physics, materials science, and electronics.</p>
        <p>This project focuses on developing a Virtual Lab (VLAB) Graphical User Interface (GUI) to simulate and analyze the bandgap of semiconductors. The GUI provides an interactive and user-friendly platform for learners to explore how various factors, such as temperature influence the bandgap. By integrating theoretical principles with practical simulations, the VLAB serves as a powerful tool to enhance conceptual understanding and experimental skills in semiconductor physics.</p></h3>
        <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR5WYC06len3eVt-C5F7ZLHqi1CEJBNreOCLg&usqp=CAU" alt="Band Gap Diagram" style="width:80%; max-width:600px; margin-top:1rem;">
    </main>
    <footer>
        <p>&copy; Made using HTML/CSS </p>
    </footer>
</body>
</html>