-
Notifications
You must be signed in to change notification settings - Fork 0
/
courses.html
141 lines (130 loc) · 7.17 KB
/
courses.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>
<head>
<title>Courses</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<link rel="icon" href="tablogo.png" type="image/png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
.footer {
background-color: #f8f9fa;
padding: 20px;
text-align: center;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
<div class="container">
<a class="navbar-brand" href="#"><img src="logo.svg" alt="Logo" width="25" height="25" class="logo"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="index.html"><i class="fa-solid fa-house">HOME</i>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html"><i class="fa-solid fa-book">ABOUT</i>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="student.html"><i class="fa-solid fa-graduation-cap">ALUMNI</i>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="courses.html"><i class="fa-brands fa-discourse"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html"><i class="fa-solid fa-address-book">CONTACT</i>
</a>
</li>
</ul>
</div>
</div>
</nav>
<section id="courses" class="courses-section-padding">
<div class="container">
<h2 class="text-center mb-5">Courses</h2>
<div class="row">
<!-- Course 1 -->
<div class="col-md-4">
<div class="card mb-4">
<img src="python.jpg" class="card-img-top" alt="Course 1">
<div class="card-body">
<h5 class="card-title"><b>100 Days of Code: The Complete Python Pro Bootcamp</b></h5>
<p class="card-text">Master Python by building 100 projects in 100 days. Learn data science, automation, build websites, games and apps!</p>
<a href="#" class="btn btn-primary">Learn More</a>
</div>
</div>
</div>
<!-- Course 2 -->
<div class="col-md-4">
<div class="card mb-4">
<img src="ccna.jpg" class="card-img-top" alt="Course 2">
<div class="card-body">
<h5 class="card-title"><b>CCNA v1.1 (200-301) Video Training Series (2024 Blueprint)</b></h5>
<p class="card-text">Everything you need to FULLY prepare for your exam: Training, Labs, Quizzes, Practice Exams, Course Slides</p>
<a href="#" class="btn btn-primary">Learn More</a>
</div>
</div>
</div>
<!-- Course 3 -->
<div class="col-md-4">
<div class="card mb-4">
<img src="exel.jpg" class="card-img-top" alt="Course 3">
<div class="card-body">
<h5 class="card-title"><b>Microsoft Excel: Excel Beginner Basics, Formulas & Functions</b></h5>
<p class="card-text">Microsoft Excel Course: Zero to Hero - Microsoft/Office/Excel 365, Microsoft Excel 2019, Microsoft Excel 2016</p>
<a href="#" class="btn btn-primary">Learn More</a>
</div>
</div>
</div>
</div>
<div class="row">
<!-- Course 4 -->
<div class="col-md-4">
<div class="card mb-4">
<img src="Adash.jpg" class="card-img-top" alt="Course 4">
<div class="card-body">
<h5 class="card-title"><b>Getting Started with Ansible: Automation Made Easy</b></h5>
<p class="card-text">Learning Ansible has Never Been Simpler!</p>
<a href="#" class="btn btn-primary">Learn More</a>
</div>
</div>
</div>
<!-- Course 5 -->
<div class="col-md-4">
<div class="card mb-4">
<img src="fin.jpg" class="card-img-top" alt="Course 5">
<div class="card-body">
<h5 class="card-title"><b>Complete Investing & Valuation Course | Fundamental Analysis</b></h5>
<p class="card-text">How to invest in stocks,Fundamental analysis,Company valuation,Financial modeling,Value investing | Stock market</p>
<a href="#" class="btn btn-primary">Learn More</a>
</div>
</div>
</div>
<!-- Course 6 -->
<div class="col-md-4">
<div class="card mb-4">
<img src="img.jpg" class="card-img-top" alt="Course 6">
<div class="card-body">
<h5 class="card-title"><b>Adobe Photoshop and Firefly 2 in 1 Mega Course for Newbies</b></h5>
<p class="card-text">From Pixels to Perfection: A Journey with Photoshop and Firefly - 2024</p>
<a href="#" class="btn btn-primary">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer">
<p>© 2024 Ford University. All rights reserved.</p>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>