Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commitf4d4c8b

Browse files
committed
add features section
1 parent19c704f commitf4d4c8b

File tree

2 files changed

+120
-2
lines changed

2 files changed

+120
-2
lines changed

‎96-cloud hosting service/index.html

Lines changed: 90 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -110,8 +110,8 @@ <h3>Deploy in seconds</h3>
110110
</section>
111111

112112
<!-- cloud -->
113-
<sectionclass="cloudbg-primarymy-2 py-2">
114-
<divclass="container grid">
113+
<sectionclass="cloud my-2 py-2">
114+
<divclass="container grid bg-secondary">
115115
<divclass="text-center">
116116
<h2class="lg">Extreme Cloud Hosting</h2>
117117
<pclass="lead my-1">
@@ -182,6 +182,94 @@ <h4>Clojure</h4>
182182
</div>
183183
</section>
184184

185+
<!-- features -->
186+
<sectionid="features">
187+
<!-- head -->
188+
<divclass="features-head bg-primary py-3">
189+
<divclass="container grid">
190+
<div>
191+
<h1class="xl">Features</h1>
192+
<pclass="lead">
193+
Check out the features of Loruki that separate us from the
194+
competition
195+
</p>
196+
</div>
197+
<img
198+
src="https://github.com/bradtraversy/loruki-website/blob/master/images/server.png?raw=true"
199+
alt=""
200+
/>
201+
</div>
202+
</div>
203+
204+
<!-- sub head -->
205+
<divclass="features-sub-head bg-light py-3">
206+
<divclass="container grid">
207+
<div>
208+
<h1class="md">The Loruki Platform</h1>
209+
<p>
210+
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolor
211+
cupiditate dignissimos temporibus perspiciatis quae! Suscipit qui,
212+
consectetur ea consequatur, doloribus repellendus quasi, aut
213+
corporis nam alias culpa. Nostrum, inventore accusantium!
214+
</p>
215+
</div>
216+
<img
217+
src="https://github.com/bradtraversy/loruki-website/blob/master/images/server2.png?raw=true"
218+
alt=""
219+
/>
220+
</div>
221+
</div>
222+
<!-- main features -->
223+
<divclass="features-main my-2">
224+
<divclass="container grid grid-3">
225+
<divclass="card flex">
226+
<iclass="fas fa-server fa-3x"></i>
227+
<p>
228+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas
229+
nemo saepe corrupti et dolorem voluptate at, nostrum rem
230+
voluptatem ab alias quia molestiae ea, libero nihil deserunt.
231+
Molestias, eum? Necessitatibus!
232+
</p>
233+
</div>
234+
<divclass="card flex">
235+
<iclass="fas fa-network-wired fa-3x"></i>
236+
<p>
237+
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ducimus
238+
recusandae perferendis culpa, reiciendis a itaque debitis qui vel
239+
dignissimos ipsum!
240+
</p>
241+
</div>
242+
<divclass="card flex">
243+
<iclass="fas fa-laptop-code fa-3x"></i>
244+
<p>
245+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Debitis,
246+
magnam.
247+
</p>
248+
</div>
249+
<divclass="card flex">
250+
<iclass="fas fa-database fa-3x"></i>
251+
<p>
252+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero, a!
253+
</p>
254+
</div>
255+
<divclass="card flex">
256+
<iclass="fas fa-power-off fa-3x"></i>
257+
<p>
258+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Debitis,
259+
magnam.
260+
</p>
261+
</div>
262+
<divclass="card flex">
263+
<iclass="fas fa-upload fa-3x"></i>
264+
<p>
265+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Debitis,
266+
magnam.
267+
</p>
268+
</div>
269+
</div>
270+
</div>
271+
</section>
272+
185273
<!-- footer -->
186274
<footerclass="footer bg-dark py-5">
187275
<divclass="container grid grid-3">

‎96-cloud hosting service/style.css

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -194,6 +194,7 @@ pre {
194194

195195
.cloud .grid {
196196
grid-template-columns:4fr3fr;
197+
border-radius:10px;
197198
}
198199

199200
/* languages */
@@ -217,6 +218,35 @@ pre {
217218
margin-bottom:10px;
218219
}
219220

221+
/* features */
222+
223+
.features-headimg,
224+
.docs-headimg {
225+
width:200px;
226+
justify-self: flex-end;
227+
}
228+
229+
.features-sub-headimg {
230+
width:300px;
231+
justify-self: flex-end;
232+
}
233+
234+
.features-main .card>i {
235+
margin-right:20px;
236+
}
237+
238+
.features-main .grid {
239+
padding:30px;
240+
}
241+
242+
.features-main .grid>*:first-child {
243+
grid-column:1/ span3;
244+
}
245+
246+
.features-main .grid>*:nth-child(2) {
247+
grid-column:1/ span2;
248+
}
249+
220250
/* footer */
221251

222252
.footer .sociala {

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp