-
Notifications
You must be signed in to change notification settings - Fork 392
/
cloud.html
120 lines (109 loc) · 5.34 KB
/
cloud.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cloud Storage Courses | Learn Cloud-Storage</title>
<meta name="description"
content="Explore our Cloud Storage courses manage and secure data with cloud storage, data migration and more. Enroll now .">
<link rel="stylesheet" href="./assets/css/style.css">
<link rel="shortcut icon" href="./favicon.svg" type="image/svg+xml">
</head>
<body>
<style>
.layer-link {
padding-left: 30px;
padding-top: 10px;
font-size: small;
color: rgb(44, 134, 208);
text-decoration: underline;
}
img,
.course-title,
.course-duration {
position: relative;
left: 20%;
}
.course-title {
color: rgb(83, 83, 207);
}
.course-duration {
color: rgb(228, 80, 105);
}
.text-center_description {
color: palevioletred;
}
</style>
<section class="section courses has-bg-image">
<div class="container">
<p class="title-sm text-center section-subtitle" id="finance-courses-label">Explore Cloud Storage Courses</p>
<h2 class="headline-md text-center section-title">
Introduction to Cloud Storage <span class="span has-after">Courses</span>
</h2>
<br>
<p class="text-center_description">
Managing your data efficiently is essential in today's digital age. From understanding cloud storage fundamentals to advanced file management and security, mastering cloud storage empowers you to store, access, and share your data seamlessly. Explore courses on cloud storage basics, Mastering AWS S3, Deep dive into Azure blob storage, Dropbox for cloud collaboration to enhance digital efficiency and ensure the safety of your information.
</p>
<ul class="grid-list">
<li>
<article class="card course-card">
<div class="card-icon">
<img src="./assets/images/Cloud_Storage/google_cloud_storage.png" width="300" height="200" loading="lazy"
alt="Learn how to efficiently store, manage, and retrieve data using Google Cloud Storage">
</div>
<div>
<h3 class="course-title">Google Cloud Storage Basics</h3>
<p class="course-duration">Duration: 4 weeks</p>
</div>
<a href="#" class="layer-link"
aria-label="Learn more ">Learn More</a>
</article>
</li>
<li>
<article class="card course-card">
<div class="card-icon">
<img src="./assets/images/Cloud_Storage/aws.jpg" width="277" height="100" loading="lazy"
alt="Learn about Amazon S3, covering concepts of object storage, bucket management, and data security in the AWS cloud.">
</div>
<div>
<h3 class="course-title">AWS S3 Masterclass</h3>
<p class="course-duration">Duration: 6 weeks</p>
</div>
<a href="#" class="layer-link"
aria-label="Learn more">Learn More</a>
</article>
</li>
<li>
<article class="card course-card">
<div class="card-icon">
<img src="./assets/images/Cloud_Storage/Azure.jpg" width="300" height="200" loading="lazy"
alt="Explore the fundamentals of Azure Blob Storage, including data management, storage tiers, optimizing cost and performance.">
</div>
<div>
<h3 class="course-title">Azure Blob Storage Essentials</h3>
<p class="course-duration">Duration: 5 weeks</p>
</div>
<a href="#" class="layer-link"
aria-label="#">Learn More</a>
</article>
</li>
<li>
<article class="card course-card">
<div class="card-icon">
<img src="./assets/images/Cloud_Storage/Dropbox.png" width="265" height="100" loading="lazy"
alt="Understand the features of Dropbox for cloud storage, file sharing, collaboration, and secure document management.">
</div>
<div>
<h3 class="course-title">Introduction to Dropbox </h3>
<p class="course-duration">Duration: 8 weeks</p>
</div>
<a href="#" class="layer-link"
aria-label="#">Learn More</a>
</article>
</li>
</ul>
<a href="#" class="btn btn-primary">Enroll in a Course</a>
</div>
</section>
</body>
</html>