-
Notifications
You must be signed in to change notification settings - Fork 0
/
features.html
141 lines (129 loc) · 5.1 KB
/
features.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="css/utilities.css">
<link rel="stylesheet" href="css/style.css">
<title>Alem | Cloud Hosting For Everyone</title>
</head>
<body>
<!--Navbar-->
<div class="navbar">
<div class="container flex">
<h1 class="logo"><a href="index.html">Alem.</a></h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="features.html">Features</a></li>
<li><a href="docs.html">Docs</a></li>
</ul>
</nav>
</div>
</div>
<!--Navbar End-->
<!-- Head -->
<section class="features-head bg-primary py-3">
<div class="container grid">
<div>
<h1 class="xl">Features</h1>
<p class="lead">
Check out the features of <a href="index.html">Alem</a> that
separate us from the competition
</p>
</div>
<img src="images/server.png" alt="">
</div>
</section>
<!-- Sub-head -->
<section class="features-sub-head bg-light py-3">
<div class="container grid">
<div>
<h1 class="md">Effortless Web App Deployments with The Alem Platform</h1>
<p>Tired of complex deployments and slow rollouts? The World Leading
Alem Platform simplifies the process,
allowing you to deploy web apps of any kind in minutes.
Our robust suite of tools includes one-click deployment, integrated CI/CD,
and a global CDN for unmatched
performance and reliability. </p>
</div>
<img src="images/server2.png" alt="">
</div>
</section>
<!-- main features -->
<section class="features-main my-2">
<div class="container grid grid-3">
<div class="card flex">
<i class="fas fa-server fa-3x"></i>
<div class="card-overlay">
<h4>Reliable Infrastructure</h4>
<p>
Alem is built on top of the <a href="https://aws.amazon.com/">Amazon Web Services</a> platform,
which provides a reliable infrastructure for deploying web applications.
</p>
</div>
</div>
<div class="card flex">
<i class="fas fa-network-wired fa-3x"></i>
<div class="card-overlay">
<h4>Global Reach</h4>
<p>Deliver content at lightning speed with our global CDN.</p>
</div>
</div>
<div class="card flex">
<i class="fas fa-laptop-code fa-3x"></i>
<div class="card-overlay">
<h4>Seamless Development Workflow</h4>
<p>Integrate CI/CD for automated deployments.</p>
</div>
</div>
<div class="card flex">
<i class="fas fa-database fa-3x"></i>
<div class="card-overlay">
<h4>Scalable Databases</h4>
<p>Choose & scale databases to match your app's needs.</p>
</div>
</div>
<div class="card flex">
<i class="fas fa-power-off fa-3x"></i>
<div class="card-overlay">
<h4>Unmatched Uptime & Reliability</h4>
<p>Always-available web app for your customers.</p>
</div>
</div>
<div class="card flex">
<i class="fas fa-upload fa-3x"></i>
<div class="card-overlay">
<h4>Effortless Deployments</h4>
<p>Deploy your web app with a single click.</p>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer bg-dark py-5">
<div class="container grid grid-3">
<div>
<h1>Alem</h1>
<p>
Copyright © 2024
</p>
</div>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="features.html">Features</a></li>
<li><a href="docs.html">Docs</a></li>
</ul>
</nav>
<div class="social">
<a href="#"><i class="fab fa-github fa-2x"></i></a>
<a href="#"><i class="fab fa-facebook fa-2x"></i></a>
<a href="#"><i class="fab fa-instagram fa-2x"></i></a>
<a href="#"><i class="fa-brands fa-x-twitter fa-2x"></i></a>
</div>
</div>
</footer>
</body>
</html>