LearnTech-Website/index.html at main · GiXhnu/LearnTech-Website · GitHub

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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>

    <title>LearnTech+ | Home</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/home.css">
    <link rel="stylesheet" href="css/global.css">

</head>
<body>
    <header>
        <img id="logo" src="img/logo.png" alt="LearnTech+ Logo">
        <nav>
            <a href="index.html">Home</a>
            <a href="techsupport.html">Tech Support</a>
            <a href="courses.html">Courses</a>
            <a href="premiumplus.html">Premium Plus</a>
            <a href="learntech.html">Learn Tech</a>
            <a href="contact.html">Contact</a>
        </nav>
    </header>
    <section id="slideshow">
        <img id="slide" src="img/background.jpg" alt="backgroundimage">
        <section id="content">
            <h1>Premium Plus</h1>

			<h3>Start Learning & Improve Your Skills</h3>

			<p>Sign up today for our free 1 month trial to our entire course library</p>

			<button>Learn More</button>

        </section>

    </section>
    <section id="courses">

		<center><h1>Our Featured Courses</h1></center>

		<div class="course">

			<img src="img/course-01.jpg">

			<center><h2>HTML5 For Beginners</h2></center>

			<center><h6>This course was designed for students starting out in Front End Web Development wanting to learn HTML5 to get started.</h6></center>

			<center><button>Learn More</button></center>

		</div>

		<div class="course2">

			<img src="img/course-02.jpg">

			<center><h2>CSS3 For Beginners</h2></center>

			<center><h6>This course was designed for students starting out in Front End Web Development wanting to learn CSS3 to get started.</h6></center>

			<center><button>Learn More</button></center>

		</div>

		<div class="course3">

			<img src="img/course-03.jpg">

			<center><h2>JavaScript For Beginners</h2></center>

			<center><h6>This course was designed for students starting out in Front End Web Development wanting to learn JavaScript to get started.</h6></center>

			<center><button>Learn More</button></center>

		</div>

	</section>
    <section id="about">
        <div class="about">
            <h1>About Learn Tech Plus</h1>
        </div>
        <div class="students">

			<h3>Students</h3>

			<h1>82,000</h1>

		</div>
        <div class="reviews">

			<h3>Reviews</h3>

			<h1>1,100</h1>

		</div>

		<div class="courses">

			<h3>Courses</h3>

			<h1>10</h1>

		</div>

		<div class="content">

			<h3>Hours of Content</h3>
			<h1>20</h1>

		</div>

    </section>
    <section id="learntech">
        <center><h1 class="h1lt">Learn Tech</h1></center>

		<div class="learntechnow">

			<img src="img/learntechnow.jpg">

			<center><h2>Learn Tech Now</h2></center>

			<center><h6>Daily Video Series Covering Tech Topics</h6></center>

			<center><button>Watch Now</button></center>

		</div>

		<div class="learntechpodcast">

			<img src="img/learntechpodcast.jpg">

			<center><h2>Learn Tech Podcast</h2></center>

			<center><h6>Daily Podcast Series Covering Tech Topics.</h6></center>

			<center><button>Listen Now</button></center>

		</div>

		<div class="learntechblog">

			<img src="img/techtipsblog.jpg">

			<center><h2>Tech Tips Blog</h2></center>

			<center><h6>Daily Blog Covering Tech Topics.</h6></center>

			<center><button>Read Now</button></center>

		</div>
    </section>
    <footer>
        <img id="logo" src="img/logo.png" alt="footerlogo">
        <p id="footer">© Copyright 2023. All Rights Reserved. | LearnTech Plus</p>
    </footer>
</body>
</html>