APP-DEV-/index.html at main · Vkrmoo7/APP-DEV- · 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>App Development</title>
    <link rel="stylesheet" href="./source/style.css">
    <script src="./source/app.js" defer></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>

    <!-- Navbar -->
    <nav>
        <div class="logo">
            <h1>ASSIGNMENT-I</h1>
        </div>
        <div class="hamburger">&#9776;
        </div>
        <ul class="nav-links">
            <li><a href="#introduction">Introduction</a></li>
            <li><a href="#types">App Types</a></li>
            <li><a href="#contact">Contact</a></li>
        </ul>
    </nav>

    <!-- Introduction Section -->
    <section id="introduction">
        <h1>App Development</h1>
        <p>App development refers to the process of designing, creating, and maintaining software applications for various platforms such as mobile devices, web browsers, or desktops. It involves coding, testing, and deploying applications to meet specific user needs, often including features like user interfaces, functionality, and performance optimization.</p>
    </section>

    <!-- Types Section -->
    <section id="types">
        <h2>Types of Applications</h2>
        <div class="card-container">
            <div class="card">
                <img src="./source/pic/web.png" alt="Web Application">
                <h3>Web Application</h3>
                <p>Web applications run on web servers and can be accessed through a browser on any device.</p>
            </div>
            <div class="card">
                <img src="./source/pic/mob.png" alt="Mobile Application">
                <h3>Mobile Application</h3>
                <p>Mobile applications are designed specifically for mobile devices and can be downloaded from app stores.</p>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer id="contact">
        <div class="footer-container">
            <!-- Contact Info Section -->
            <div class="box">
                <h3>Contact Info</h3>
                <p><i class="fas fa-phone"></i> +91 XXX-XXX-XXXX</p>
                <p><i class="fas fa-envelope"></i> vdmvikram755@gmail.com</p>
                <p><i class="fas fa-map-marked-alt"></i> DINDIGUL, Tamil Nadu - 624001</p>

                <!-- Social Media Links -->
                <div class="share">
                    <a href="https://www.linkedin.com/in/v-i-k-r-a-m-c-113339322" class="fab fa-linkedin" aria-label="LinkedIn" target="_blank"></a>
                    <a href="https://github.com/Vkrmoo7" class="fab fa-github" aria-label="GitHub" target="_blank"></a>
                    <a href="mailto:vdmvikram755@gmail.com" class="fas fa-envelope" aria-label="Mail" target="_blank"></a>
                </div>
            </div>

            <!-- Quick Links Section -->
            <div class="footer-column">
                <h3>Quick Links</h3>
                <ul>
                    <li><a href="#introduction">Introduction</a></li>
                    <li><a href="#types">App Types</a></li>
                    <li><a href="#contact">Contact</a></li>
                </ul>
            </div>

            <!-- Author Section -->
            <div class="footer-column">
                <h3>Author</h3>
                <p>Created by Vikram</p>
            </div>
        </div>

        <div class="footer-bottom">
            <p>&copy; 2024 App Development. All Rights Reserved.</p>
        </div>
    </footer>

</body>
</html>