Interactive-Windows-Server-2025-Windows-11-Installation-Guide/index.html at main · SkimerPM/Interactive-Windows-Server-2025-Windows-11-Installation-Guide · 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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>3 F's</title>
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="./css/style.css">
    <!-- Añadimos Font Awesome para los iconos -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/solid.min.css" integrity="sha512-yDUXOUWwbHH4ggxueDnC5vJv4tmfySpVdIcN1LksGZi8W8EVZv4uKGrQc0pVf66zS7LDhFJM7Zdeow1sw1/8Jw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/brands.min.css" integrity="sha512-9YHSK59/rjvhtDcY/b+4rdnl0V4LPDWdkKceBl8ZLF5TB6745ml1AfluEU6dFWqwDw9lPvnauxFgpKvJqp7jiQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/fontawesome.min.css" integrity="sha512-SgaqKKxJDQ/tAUAAXzvxZz33rmn7leYDYfBP+YoMRSENhf3zJyx3SBASt/OfeQwBHA1nxMis7mM3EV/oYT6Fdw==" crossorigin="anonymous" referrerpolicy="no-referrer" />

</head>
<body>
    <header>
        <div class="logo-area flex-row-center" >
            <div class="logo">
                <img width="40px" src="./img/logo-icon.png" alt="Logo">
            </div>
            <span class="text-logo"><a href="index.html">3Fs</a></span>
        </div>

        <nav>
            <div class="enlaces-nav">
                <a href="index.html">Inicio</a>


                <a href="./vistas/tutoriales.html">Tutoriales</a>
                <a href="./vistas/descargas.html">Descargas</a>
                <a href="./vistas/FAQ.html">FAQ</a>

                <!-- <div class="search-bar">
                    <input type="text" placeholder="Buscar...">
                    <i class="search-icon fas fa-search"></i>
                </div> -->
            </div>
        </nav>

        <div class="botones-header">
            <button class="btn btn-header" onclick="window.open('vistas/donar.html', '_blank')">Donar</button>
        </div>

        <div class="mobile-menu-toggle">
            <span></span>
            <span></span>
            <span></span>
        </div>
    </header>

    <main>
        <!-- Sección Hero -->
        <section class="hero-section">
            <div class="container">
                <div class="hero-content">
                    <h1>Aprende A Instalar Y Configurar Windows Server Como Un Profesional.</h1>
                    <p>Domina todas las herramientas y configuraciones necesarias para convertirte en un administrador de sistemas experto.</p>

                    <div class="hero-buttons">
                        <a href="./vistas/wserver/idioma.html" class="btn">Comenzar ahora</a>
                        <a href="./vistas/tutoriales.html" class="btn btn-secondary">Ver tutoriales</a>
                    </div>
                </div>
            </div>
        </section>

        <!-- Sección de características -->
        <section class="section">
            <div class="container">
                <div class="section-title">
                    <h2>Nuestras características</h2>
                </div>

                <div class="features">
                    <div class="feature-card">
                        <div class="feature-icon">
                            <i class="fas fa-server"></i>
                        </div>
                        <h3>Instalación de Windows Server</h3>
                        <p>Aprende a instalar y configurar Windows Server desde cero con nuestras guías paso a paso.</p>
                    </div>

                    <div class="feature-card">
                        <div class="feature-icon">
                            <i class="fas fa-shield-alt"></i>
                        </div>
                        <h3>Seguridad avanzada</h3>
                        <p>Implementa las mejores prácticas de seguridad para proteger tu infraestructura empresarial.</p>
                    </div>

                    <div class="feature-card">
                        <div class="feature-icon">
                            <i class="fas fa-network-wired"></i>
                        </div>
                        <h3>Configuración de red</h3>
                        <p>Configura y gestiona redes corporativas con un rendimiento óptimo usando Windows Server.</p>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-logo">
                    <img width="40px" src="./img/logo-icon.png" alt="Logo">
                    <h3>3F's</h3>
                </div>
                <div class="footer-links">
                    <div class="footer-column">
                        <h4>Recursos</h4>
                        <a href="./vistas/tutoriales.html">Tutoriales</a>
                        <a href="./vistas/descargas.html">Descargas</a>

                    </div>
                    <div class="footer-column">
                        <h4>Soporte</h4>
                        <a href="/vistas/FAQ.html">Preguntas frecuentes</a>
                        <a href="#">Contacto</a>
                        <!-- <a href="#">Foro</a> -->
                    </div>
                    <div class="footer-column">
                        <h4>Legal</h4>
                        <a href="#">Términos de servicio</a>
                        <a href="#">Política de privacidad</a>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 3F. Todos los derechos reservados.</p>
                <p>Fabricio Sanchez | Fátima Rodriguez | Felix Díaz</p>
                <div class="social-icons">
                    <a href="#"><i class="fab fa-facebook"></i></a>
                    <a href="#"><i class="fab fa-twitter"></i></a>
                    <a href="#"><i class="fab fa-youtube"></i></a>
                    <a href="#"><i class="fab fa-github"></i></a>
                </div>
            </div>
        </div>
    </footer>
    <script src="/JS/script.js"></script>
</body>
</html>