CSCE_331_STONE/genai_HTML.html at main · edstone26/CSCE_331_STONE · 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
<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI in Computer Science</title>
</head>
<body class="body">
    <header>
        <h1>Artificial Intelligence: The Future of Computing</h1>
        <p>Exploring how AI is revolutionizing computer science and shaping tomorrow's digital landscape</p>
    </header>

    <section>
        <div class="content-grid">
            <div class="title-area">
                <h2>Transforming Computer Science</h2>
                <div class="pulse-line"></div>
            </div>

            <div class="info-card">
                <div class="card-content">
                    <p>AI is reshaping the foundations of computer science, from algorithmic development to system architecture.
                    As we advance, AI systems are becoming integral to software development, optimization, and computing innovation.</p>
                </div>
                <div class="floating-circuits">
                    <div class="circuit"></div>
                    <div class="circuit"></div>
                    <div class="circuit"></div>
                </div>
            </div>

            <div class="impact-areas">
                <div class="impact-grid">
                    <div class="impact-item">Machine Learning</div>
                    <div class="impact-item">Neural Networks</div>
                    <div class="impact-item">Quantum Computing</div>
                    <div class="impact-item">AI Systems</div>
                </div>
            </div>

            <div class="prompt-area">
                <div class="terminal">
                    <div class="terminal-header">
                        <span class="dot"></span>
                        <span class="dot"></span>
                        <span class="dot"></span>
                    </div>
                    <textarea readonly>
I need an html file that includes a header, section, and nav with the nav below the section. The nav should contain links to index.html, index_HTML.html, qualifications.html, service.html, and genai.html with text Home, Projects, Qualifications, Volunteering, and GenAI respectively. The header and section should talk about the power of AI and its future in computer science. The header already has CSS decoration, but be very creative with the CSS for the section area and keep it as 72vh and do not include a scroller, just make sure to put it in a separate file called styles.css. Finally make sure to include a text box with this prompt in it on the page.</textarea>
                </div>
            </div>
        </div>
    </section>

    <nav>
      <div class="container">
        <ul>
          <li><a href="index_HTML.html">Home</a></li>
          <li><a href="portfolio_HTML.html">Projects</a></li>
          <li><a href="qualifications_HTML.html">Qualifications</a></li>
          <li><a href="service_HTML.html">Volunteering</a></li>
          <li><a href="genai_HTML.html">GenAI</a></li>
        </ul>
      </div>
    </nav>
</body>
</html>