1
+ <!DOCTYPE html>
2
+ < html lang ="en " class ="h-full ">
3
+ < head >
4
+ < meta charset ="UTF-8 ">
5
+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6
+ < title > Ansible Nginx Installation</ title >
7
+ < link href ="
https://cdn.jsdelivr.net/npm/[email protected] /dist/tailwind.min.css "
rel ="
stylesheet "
>
8
+ </ head >
9
+ < body class ="flex flex-col min-h-full bg-gray-100 font-sans ">
10
+
11
+ < header class ="bg-green-600 text-white py-6 ">
12
+ < div class ="container mx-auto text-center ">
13
+ < h1 class ="text-4xl font-bold "> Ansible Nginx Installation</ h1 >
14
+ < p class ="mt-2 text-xl "> Automated Deployment Success!</ p >
15
+ </ div >
16
+ </ header >
17
+
18
+ < main class ="flex-grow container mx-auto mt-8 px-4 mb-8 ">
19
+ < div class ="bg-white shadow-md rounded-lg p-6 mb-8 ">
20
+ < h2 class ="text-2xl font-semibold mb-4 text-green-600 "> About This Deployment</ h2 >
21
+ < p class ="text-gray-700 mb-4 ">
22
+ This page is served by Nginx, which was automatically installed and configured using Ansible.
23
+ This demonstrates the power of automation in deploying web servers quickly and consistently.
24
+ </ p >
25
+ < div class ="mt-6 ">
26
+ < a href ="https://docs.ansible.com " target ="_blank " class ="bg-green-600 text-white py-2 px-4 rounded hover:bg-green-500 mr-4 "> Ansible Docs</ a >
27
+ < a href ="https://nginx.org/en/docs/ " target ="_blank " class ="bg-blue-600 text-white py-2 px-4 rounded hover:bg-blue-500 "> Nginx Docs</ a >
28
+ </ div >
29
+ </ div >
30
+
31
+ < div class ="grid md:grid-cols-2 gap-8 ">
32
+ < div class ="bg-white shadow-md rounded-lg p-6 ">
33
+ < h3 class ="text-xl font-semibold mb-4 text-green-600 "> Ansible Benefits</ h3 >
34
+ < ul class ="list-disc list-inside text-gray-700 ">
35
+ < li > Automated configuration management</ li >
36
+ < li > Consistent deployments across environments</ li >
37
+ < li > Scalable infrastructure management</ li >
38
+ < li > Reduced human error in deployments</ li >
39
+ </ ul >
40
+ </ div >
41
+ < div class ="bg-white shadow-md rounded-lg p-6 ">
42
+ < h3 class ="text-xl font-semibold mb-4 text-blue-600 "> Nginx Features</ h3 >
43
+ < ul class ="list-disc list-inside text-gray-700 ">
44
+ < li > High performance web server</ li >
45
+ < li > Reverse proxy capabilities</ li >
46
+ < li > Load balancing</ li >
47
+ < li > HTTP caching</ li >
48
+ </ ul >
49
+ </ div >
50
+ </ div >
51
+ </ main >
52
+
53
+ < footer class ="bg-gray-800 text-white py-4 mt-auto ">
54
+ < div class ="container mx-auto text-center ">
55
+ < p > © 2024 Ansible Nginx Deployment. Created with automation.</ p >
56
+ </ div >
57
+ </ footer >
58
+
59
+ </ body >
60
+ </ html >
0 commit comments