generated from raspberrypilearning/default-project-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
103 lines (102 loc) · 3.56 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>LearnPro - Technology Courses - Home</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" href="wireframes.min.css" type="text/css" />
</head>
<body>
<header>
<div class="header-top">
<a href="/">
<div class="logo">
<img
src="https://placehold.co/30x30/676f7e/white/?text=Logo"
alt="Placeholder Image"
/>
Learn Pro Academy
</div>
</a>
</div>
<nav>
<ul>
<li><a href="program.html" class="active">Programming Courses</a></li>
<li><a href="ai.html">AI Courses</a></li>
<li><a href="infrastructure.html">Infrastructure Courses</a></li>
<li><a href="about.html">About</a></li>
</ul>
</nav>
<nav class="secondary-nav">
<ul>
<li><a href="python.html">Python</a></li>
<li><a href="#">Javascript</a></li>
<li><a href="#">C#</a></li>
<li><a href="#">Mobile App Development</a></li>
</ul>
</nav>
</header>
<main>
<section class="container maincontainer">
<div class="text wf-block">
<h1>Home Page</h1>
<p>
<span class="wf-text-lines wf-text--important"
>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
vitae fermentum lacus. Sed ut imperdiet purus. Etiam aliquet est
sit amet ex varius, vel tristique purus tristique.Sed ut imperdiet
purus. Etiam aliquet est sit amet ex varius, vel tristique purus
tristique.</span
>
</p>
<p>
<span class="wf-text-lines wf-text--important"
>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
vitae fermentum lacus. Sed ut imperdiet purus. Etiam aliquet est
sit amet ex varius, vel tristique purus tristique.</span
>
</p>
</div>
<div class="image" style="height: 300px">
<div class="wf-block wf-block--fill wf-block--crossed">
<label class="wf-block__label">People.mp4</label>
</div>
<!--
<img
src="https://placehold.co/1000x600/676f7e/white/?text=Hero image of people using computers"
alt="Placeholder Image"
/>
-->
</div>
</section>
<section class="container">
<div class="block wf-block">
<h2>Programming Courses</h2>
<p class="wf-text-lines">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum
dolor sit amet, consectetur adipiscing elit.
</p>
<a href="programming.html" class="read_more">Read more...</a>
</div>
<div class="block wf-block">
<h2>AI Courses</h2>
<p class="wf-text-lines">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<a href="#" class="read_more">Read more...</a>
</div>
<div class="block wf-block">
<h2>Infrastructure Courses</h2>
<p class="wf-text-lines">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<a href="#" class="read_more">Read more...</a>
</div>
</section>
</main>
<footer>
<p>© 2025 Learn Pro Academy | Contact: +44 123 456 789</p>
</footer>
</body>
</html>