Skip to content

Commit 5d287ce

Browse files
ghasemizadeghasemizade
committed
update instru
1 parent 57fe970 commit 5d287ce

File tree

1 file changed

+2
-320
lines changed

1 file changed

+2
-320
lines changed

‎index.html‎

Lines changed: 2 additions & 320 deletions
Original file line numberDiff line numberDiff line change
@@ -317,165 +317,7 @@ <h4>INTRO HTML & CSS</h4>
317317
</section>
318318

319319
<!-- popular courses -->
320-
<section class="popular">
321-
<header class="header">
322-
<div class="container">
323-
<div class="content">
324-
<span class="italic-line"></span>
325-
<div class="head-text">
326-
<h3 class="title">Popular Corses</h3>
327-
</div>
328-
</div>
329-
</div>
330-
</header>
331-
<main class="swiper-popular-boxes">
332-
<!-- Slider main container -->
333-
<div class="swiper">
334-
<!-- Additional required wrapper -->
335-
<div class="swiper-wrapper">
336-
<div class="swiper-slide">
337-
<img src="./assets/web.jpg" alt="">
338-
<div class="swiper-content">
339-
<h4>INTRO HTML & CSS</h4>
340-
<div class="detail-top">
341-
<div class="athor">
342-
<i class="fa-solid fa-tv"></i>
343-
<p>Hosein</p>
344-
</div>
345-
<div class="rate">
346-
<span class="fa fa-star checked"></span>
347-
<span class="fa fa-star checked"></span>
348-
<span class="fa fa-star checked"></span>
349-
<span class="fa fa-star"></span>
350-
<span class="fa fa-star"></span>
351-
</div>
352-
</div>
353-
<div class="detail-bottom">
354-
<div class="students-count">
355-
<i class="fa-solid fa-graduation-cap"></i>
356-
<p>1468</p>
357-
</div>
358-
<div class="course-price">
359-
$15
360-
</div>
361-
</div>
362-
</div>
363-
<a href="#" class="more-detail-course">
364-
<span>Learn More</span>
365-
<i class="fa-solid fa-angle-right more-detail-course-arrow"></i>
366-
</a>
367-
</div>
368-
369-
<!-- card 2 -->
370-
<div class="swiper-slide">
371-
<img src="./assets/sql.jpg" alt="">
372-
<div class="swiper-content">
373-
<h4>INTRO HTML & CSS</h4>
374-
<div class="detail-top">
375-
<div class="athor">
376-
<i class="fa-solid fa-tv"></i>
377-
<p>Hosein</p>
378-
</div>
379-
<div class="rate">
380-
<span class="fa fa-star checked"></span>
381-
<span class="fa fa-star checked"></span>
382-
<span class="fa fa-star checked"></span>
383-
<span class="fa fa-star"></span>
384-
<span class="fa fa-star"></span>
385-
</div>
386-
</div>
387-
<div class="detail-bottom">
388-
<div class="students-count">
389-
<i class="fa-solid fa-graduation-cap"></i>
390-
<p>1468</p>
391-
</div>
392-
<div class="course-price">
393-
$15
394-
</div>
395-
</div>
396-
</div>
397-
<a href="#" class="more-detail-course">
398-
<span>Learn More</span>
399-
<i class="fa-solid fa-angle-right more-detail-course-arrow"></i>
400-
</a>
401-
</div>
402-
<!-- card 3 -->
403-
<div class="swiper-slide">
404-
<img src="./assets/react.png" alt="">
405-
<div class="swiper-content">
406-
<h4>INTRO HTML & CSS</h4>
407-
<div class="detail-top">
408-
<div class="athor">
409-
<i class="fa-solid fa-tv"></i>
410-
<p>Hosein</p>
411-
</div>
412-
<div class="rate">
413-
<span class="fa fa-star checked"></span>
414-
<span class="fa fa-star checked"></span>
415-
<span class="fa fa-star checked"></span>
416-
<span class="fa fa-star"></span>
417-
<span class="fa fa-star"></span>
418-
</div>
419-
</div>
420-
<div class="detail-bottom">
421-
<div class="students-count">
422-
<i class="fa-solid fa-graduation-cap"></i>
423-
<p>1468</p>
424-
</div>
425-
<div class="course-price">
426-
$15
427-
</div>
428-
</div>
429-
</div>
430-
<a href="#" class="more-detail-course">
431-
<span>Learn More</span>
432-
<i class="fa-solid fa-angle-right more-detail-course-arrow"></i>
433-
</a>
434-
</div>
435-
436-
<!-- card 4 -->
437-
<div class="swiper-slide">
438-
<img src="./assets/cms.jpg" alt="">
439-
<div class="swiper-content">
440-
<h4>INTRO HTML & CSS</h4>
441-
<div class="detail-top">
442-
<div class="athor">
443-
<i class="fa-solid fa-tv"></i>
444-
<p>Hosein</p>
445-
</div>
446-
<div class="rate">
447-
<span class="fa fa-star checked"></span>
448-
<span class="fa fa-star checked"></span>
449-
<span class="fa fa-star checked"></span>
450-
<span class="fa fa-star"></span>
451-
<span class="fa fa-star"></span>
452-
</div>
453-
</div>
454-
<div class="detail-bottom">
455-
<div class="students-count">
456-
<i class="fa-solid fa-graduation-cap"></i>
457-
<p>1468</p>
458-
</div>
459-
<div class="course-price">
460-
$15
461-
</div>
462-
</div>
463-
</div>
464-
<a href="#" class="more-detail-course">
465-
<span>Learn More</span>
466-
<i class="fa-solid fa-angle-right more-detail-course-arrow"></i>
467-
</a>
468-
</div>
469-
470-
471-
472-
</div>
473-
<!-- If we need pagination -->
474-
<div class="swiper-pagination"></div>
475-
</div>
476-
477-
</main>
478-
</section>
320+
479321

480322
<!-- about sectino -->
481323
<section class="about">
@@ -526,165 +368,7 @@ <h3>vip courses</h3>
526368
</section>
527369

528370
<!-- preorder section -->
529-
<section class="popular">
530-
<header class="header">
531-
<div class="container">
532-
<div class="content">
533-
<span class="italic-line"></span>
534-
<div class="head-text">
535-
<h3 class="title">Pre oreder Corses</h3>
536-
</div>
537-
</div>
538-
</div>
539-
</header>
540-
<main class="swiper-popular-boxes">
541-
<!-- Slider main container -->
542-
<div class="swiper">
543-
<!-- Additional required wrapper -->
544-
<div class="swiper-wrapper">
545-
<div class="swiper-slide">
546-
<img src="./assets/jsposter.jpg" alt="">
547-
<div class="swiper-content">
548-
<h4>INTRO HTML & CSS</h4>
549-
<div class="detail-top">
550-
<div class="athor">
551-
<i class="fa-solid fa-tv"></i>
552-
<p>Hosein</p>
553-
</div>
554-
<div class="rate">
555-
<span class="fa fa-star checked"></span>
556-
<span class="fa fa-star checked"></span>
557-
<span class="fa fa-star checked"></span>
558-
<span class="fa fa-star"></span>
559-
<span class="fa fa-star"></span>
560-
</div>
561-
</div>
562-
<div class="detail-bottom">
563-
<div class="students-count">
564-
<i class="fa-solid fa-graduation-cap"></i>
565-
<p>1468</p>
566-
</div>
567-
<div class="course-price">
568-
$15
569-
</div>
570-
</div>
571-
</div>
572-
<a href="#" class="more-detail-course">
573-
<span>Learn More</span>
574-
<i class="fa-solid fa-angle-right more-detail-course-arrow"></i>
575-
</a>
576-
</div>
577-
578-
<!-- card 2 -->
579-
<div class="swiper-slide">
580-
<img src="./assets/card1.jpg" alt="">
581-
<div class="swiper-content">
582-
<h4>INTRO HTML & CSS</h4>
583-
<div class="detail-top">
584-
<div class="athor">
585-
<i class="fa-solid fa-tv"></i>
586-
<p>Hosein</p>
587-
</div>
588-
<div class="rate">
589-
<span class="fa fa-star checked"></span>
590-
<span class="fa fa-star checked"></span>
591-
<span class="fa fa-star checked"></span>
592-
<span class="fa fa-star"></span>
593-
<span class="fa fa-star"></span>
594-
</div>
595-
</div>
596-
<div class="detail-bottom">
597-
<div class="students-count">
598-
<i class="fa-solid fa-graduation-cap"></i>
599-
<p>1468</p>
600-
</div>
601-
<div class="course-price">
602-
$15
603-
</div>
604-
</div>
605-
</div>
606-
<a href="#" class="more-detail-course">
607-
<span>Learn More</span>
608-
<i class="fa-solid fa-angle-right more-detail-course-arrow"></i>
609-
</a>
610-
</div>
611-
<!-- card 3 -->
612-
<div class="swiper-slide">
613-
<img src="./assets/react.png" alt="">
614-
<div class="swiper-content">
615-
<h4>INTRO HTML & CSS</h4>
616-
<div class="detail-top">
617-
<div class="athor">
618-
<i class="fa-solid fa-tv"></i>
619-
<p>Hosein</p>
620-
</div>
621-
<div class="rate">
622-
<span class="fa fa-star checked"></span>
623-
<span class="fa fa-star checked"></span>
624-
<span class="fa fa-star checked"></span>
625-
<span class="fa fa-star"></span>
626-
<span class="fa fa-star"></span>
627-
</div>
628-
</div>
629-
<div class="detail-bottom">
630-
<div class="students-count">
631-
<i class="fa-solid fa-graduation-cap"></i>
632-
<p>1468</p>
633-
</div>
634-
<div class="course-price">
635-
$15
636-
</div>
637-
</div>
638-
</div>
639-
<a href="#" class="more-detail-course">
640-
<span>Learn More</span>
641-
<i class="fa-solid fa-angle-right more-detail-course-arrow"></i>
642-
</a>
643-
</div>
644-
645-
<!-- card 4 -->
646-
<div class="swiper-slide">
647-
<img src="./assets/card1.jpg" alt="">
648-
<div class="swiper-content">
649-
<h4>INTRO HTML & CSS</h4>
650-
<div class="detail-top">
651-
<div class="athor">
652-
<i class="fa-solid fa-tv"></i>
653-
<p>Hosein</p>
654-
</div>
655-
<div class="rate">
656-
<span class="fa fa-star checked"></span>
657-
<span class="fa fa-star checked"></span>
658-
<span class="fa fa-star checked"></span>
659-
<span class="fa fa-star"></span>
660-
<span class="fa fa-star"></span>
661-
</div>
662-
</div>
663-
<div class="detail-bottom">
664-
<div class="students-count">
665-
<i class="fa-solid fa-graduation-cap"></i>
666-
<p>1468</p>
667-
</div>
668-
<div class="course-price">
669-
$15
670-
</div>
671-
</div>
672-
</div>
673-
<a href="#" class="more-detail-course">
674-
<span>Learn More</span>
675-
<i class="fa-solid fa-angle-right more-detail-course-arrow"></i>
676-
</a>
677-
</div>
678-
679-
680-
681-
</div>
682-
<!-- If we need pagination -->
683-
<div class="swiper-pagination"></div>
684-
</div>
685-
686-
</main>
687-
</section>
371+
688372

689373
<!-- last paper section -->
690374
<section class="paper">
@@ -844,8 +528,6 @@ <h4>INTRO HTML & CSS</h4>
844528

845529
<!-- footer section -->
846530
<footer class="footer">
847-
<div class="left-semi-circle"></div>
848-
<div class="right-semi-circle"></div>
849531
<div class="footer-container">
850532
<div class="footer-content">
851533
<ul>

0 commit comments

Comments
 (0)