course-details.php
См. документацию.
1 <?php
2 
3 /**
4  * @file
5  * @brief страница
6  */
7 
8 ?>
9 <!-- ================ start banner Area ================= -->
10 <section class="banner-area">
11  <div class="container">
12  <div class="row justify-content-center align-items-center">
13  <div class="col-lg-12 banner-right">
14  <h1 class="text-white">
15  Course Details
16  </h1>
17  <p class="mx-auto text-white mt-20 mb-40">
18  In the history of modern astronomy, there is probably no one greater leap forward than the
19  building.
20  </p>
21  <div class="link-nav">
22  <span class="box">
23  <a href="./index">Home </a>
24  <i class="lnr lnr-arrow-right"></i>
25  <a href="./courses">Courses </a>
26  <i class="lnr lnr-arrow-right"></i>
27  <a href="./course-details">Course Details</a>
28  </span>
29  </div>
30  </div>
31  </div>
32  </div>
33 </section>
34 <!-- ================ End banner Area ================= -->
35 
36 <!--================ Start Course Details Area =================-->
37 <section class="course-details-area section-gap">
38  <div class="container">
39  <div class="row">
40  <div class="col-lg-8 course-details-left">
41  <div class="main-image">
42  <img class="img-fluid" src="img/courses/course-details.jpg" alt="">
43  </div>
44  <div class="content-wrapper">
45  <h4 class="title">Objectives</h4>
46  <div class="content">
47  When you enter into any new area of science, you almost always find yourself with a
48  baffling new language of
49  technical terms to learn before you can converse with the experts. This is certainly
50  true in astronomy both in
51  terms of terms that refer to the cosmos and terms that describe the tools of the trade,
52  the most prevalent
53  being the telescope.
54  <br>
55  <br>
56  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
57  incididunt ut labore et dolore
58  magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
59  ut aliquip ex ea
60  commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
61  cillum. Lorem ipsum dolor sit
62  amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
63  dolore magna aliqua. Ut enim
64  ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
65  commodo consequat. Duis aute
66  irure dolor in reprehenderit in voluptate velit esse cillum.
67  </div>
68 
69  <h4 class="title">Eligibility</h4>
70  <div class="content">
71  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
72  incididunt ut labore et dolore
73  magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
74  ut aliquip ex ea commodo
75  consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.
76  <br>
77  <br>
78  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
79  incididunt ut labore et dolore
80  magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
81  ut aliquip ex ea
82  commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
83  cillum. Lorem ipsum dolor sit
84  amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
85  dolore magna aliqua. Ut enim
86  ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
87  commodo consequat. Duis aute
88  irure dolor in reprehenderit in voluptate velit esse cillum.
89  </div>
90 
91  <h4 class="title">Course Outline</h4>
92  <div class="content">
93  <ul class="course-list">
94  <li class="justify-content-between d-flex">
95  <p>Introduction Lesson</p>
96  <a class="btn text-uppercase" href="#">View Details</a>
97  </li>
98  <li class="justify-content-between d-flex">
99  <p>Basics of HTML</p>
100  <a class="btn text-uppercase" href="#">View Details</a>
101  </li>
102  <li class="justify-content-between d-flex">
103  <p>Getting Know about HTML</p>
104  <a class="btn text-uppercase" href="#">View Details</a>
105  </li>
106  <li class="justify-content-between d-flex">
107  <p>Tags and Attributes</p>
108  <a class="btn text-uppercase" href="#">View Details</a>
109  </li>
110  <li class="justify-content-between d-flex">
111  <p>Basics of CSS</p>
112  <a class="btn text-uppercase" href="#">View Details</a>
113  </li>
114  <li class="justify-content-between d-flex">
115  <p>Getting Familiar with CSS</p>
116  <a class="btn text-uppercase" href="#">View Details</a>
117  </li>
118  <li class="justify-content-between d-flex">
119  <p>Introduction to Bootstrap</p>
120  <a class="btn text-uppercase" href="#">View Details</a>
121  </li>
122  <li class="justify-content-between d-flex">
123  <p>Responsive Design</p>
124  <a class="btn text-uppercase" href="#">View Details</a>
125  </li>
126  <li class="justify-content-between d-flex">
127  <p>Canvas in HTML 5</p>
128  <a class="btn text-uppercase" href="#">View Details</a>
129  </li>
130 
131  </ul>
132  </div>
133  </div>
134  </div>
135 
136 
137  <div class="col-lg-4 right-contents">
138  <ul>
139  <li>
140  <a class="justify-content-between d-flex" href="#">
141  <p>Trainer’s Name</p>
142  <span class="or">George Mathews</span>
143  </a>
144  </li>
145  <li>
146  <a class="justify-content-between d-flex" href="#">
147  <p>Course Fee </p>
148  <span>$230</span>
149  </a>
150  </li>
151  <li>
152  <a class="justify-content-between d-flex" href="#">
153  <p>Available Seats </p>
154  <span>15</span>
155  </a>
156  </li>
157  <li>
158  <a class="justify-content-between d-flex" href="#">
159  <p>Schedule </p>
160  <span>2.00 pm to 4.00 pm</span>
161  </a>
162  </li>
163  </ul>
164  <a href="#" class="btn text-uppercase enroll">Enroll the course</a>
165 
166  <h4 class="title">Reviews</h4>
167  <div class="content">
168  <div class="review-top row pt-40">
169  <div class="col-lg-12">
170  <h6 class="mb-15">Provide Your Rating</h6>
171  <div class="d-flex flex-row reviews justify-content-between">
172  <span>Quality</span>
173  <div class="star">
174  <i class="fa fa-star checked"></i>
175  <i class="fa fa-star checked"></i>
176  <i class="fa fa-star checked"></i>
177  <i class="fa fa-star"></i>
178  <i class="fa fa-star"></i>
179  </div>
180  <span>Outstanding</span>
181  </div>
182  <div class="d-flex flex-row reviews justify-content-between">
183  <span>Puncuality</span>
184  <div class="star">
185  <i class="fa fa-star checked"></i>
186  <i class="fa fa-star checked"></i>
187  <i class="fa fa-star checked"></i>
188  <i class="fa fa-star"></i>
189  <i class="fa fa-star"></i>
190  </div>
191  <span>Outstanding</span>
192  </div>
193  <div class="d-flex flex-row reviews justify-content-between">
194  <span>Quality</span>
195  <div class="star">
196  <i class="fa fa-star checked"></i>
197  <i class="fa fa-star checked"></i>
198  <i class="fa fa-star checked"></i>
199  <i class="fa fa-star"></i>
200  <i class="fa fa-star"></i>
201  </div>
202  <span>Outstanding</span>
203  </div>
204  </div>
205  </div>
206  <div class="feedeback">
207  <h6 class="mb-10">Your Feedback</h6>
208  <textarea name="feedback" class="form-control" cols="10" rows="10"></textarea>
209  <div class="mt-10 text-right">
210  <a href="#" class="btn text-center text-uppercase enroll">Submit</a>
211  </div>
212  </div>
213  <div class="comments-area mb-30">
214  <div class="comment-list">
215  <div class="single-comment single-reviews justify-content-between d-flex">
216  <div class="user justify-content-between d-flex">
217  <div class="thumb">
218  <img src="img/blog/c1.jpg" alt="">
219  </div>
220  <div class="desc">
221  <h5><a href="#">Emilly Blunt</a>
222  <div class="star">
223  <span class="fa fa-star checked"></span>
224  <span class="fa fa-star checked"></span>
225  <span class="fa fa-star checked"></span>
226  <span class="fa fa-star"></span>
227  <span class="fa fa-star"></span>
228  </div>
229  </h5>
230  <p class="comment">
231  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
232  eiusmod tempor incididunt ut labore et dolore.
233  </p>
234  </div>
235  </div>
236  </div>
237  </div>
238  <div class="comment-list">
239  <div class="single-comment single-reviews justify-content-between d-flex">
240  <div class="user justify-content-between d-flex">
241  <div class="thumb">
242  <img src="img/blog/c2.jpg" alt="">
243  </div>
244  <div class="desc">
245  <h5><a href="#">Elsie Cunningham</a>
246  <div class="star">
247  <span class="fa fa-star checked"></span>
248  <span class="fa fa-star checked"></span>
249  <span class="fa fa-star checked"></span>
250  <span class="fa fa-star"></span>
251  <span class="fa fa-star"></span>
252  </div>
253  </h5>
254  <p class="comment">
255  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
256  eiusmod tempor incididunt ut labore et dolore.
257  </p>
258  </div>
259  </div>
260  </div>
261  </div>
262  <div class="comment-list">
263  <div class="single-comment single-reviews justify-content-between d-flex">
264  <div class="user justify-content-between d-flex">
265  <div class="thumb">
266  <img src="img/blog/c3.jpg" alt="">
267  </div>
268  <div class="desc">
269  <h5><a href="#">Maria Luna</a>
270  <div class="star">
271  <span class="fa fa-star checked"></span>
272  <span class="fa fa-star checked"></span>
273  <span class="fa fa-star checked"></span>
274  <span class="fa fa-star"></span>
275  <span class="fa fa-star"></span>
276  </div>
277  </h5>
278  <p class="comment">
279  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
280  eiusmod tempor incididunt ut labore et dolore.
281  </p>
282  </div>
283  </div>
284  </div>
285  </div>
286  </div>
287  </div>
288  </div>
289  </div>
290  </div>
291 </section>
292 <!--================ End Course Details Area =================-->
href
href
Definition: main.php:21