summaryrefslogtreecommitdiff
path: root/public/app/views/Varsity/components/header.html
blob: e65cfe275548cef5e9420bea35cbb3cd6f7670d0 (plain)
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
158
159
160
161
162
163
<!DOCTYPE html>
<html lang="zxx">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <title>Varsity - Educational and Online Course HTML Website Template</title>  
    <link rel="icon" href="img/favicon.png" type="image/png">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <!-- animate CSS -->
    <link rel="stylesheet" href="css/animate.css"/>
    <!-- font awesome CSS -->
    <link rel="stylesheet" href="vendors/elegant_Icon/elegent_icon.css"/>
    <!-- nice select CSS -->
    <link rel="stylesheet" href="vendors/niceselect/css/nice-select.css"/>
    <!-- owl carousel CSS -->
    <link rel="stylesheet" href="vendors/owl_carousel/css/owl.carousel.css"/>
    <!-- magnific popup CSS -->
    <link rel="stylesheet" href="vendors/magnify_popup/magnific-popup.css"/>
    <!-- Countdown CSS -->
    <link rel="stylesheet" href="vendors/countdown/css/Countdown.css"/>
    <!-- flaticon CSS -->
    <link rel="stylesheet" href="css/flaticon.css"/>
    <!-- aos CSS -->
    <link rel="stylesheet" href="vendors/aos/aos.css"/>
    <!-- style CSS -->
    <link rel="stylesheet" href="style.css"/>
</head>

<body>
    <!-- start Preloader  -->
    <div class="preloder_part">
        <div class="spinner">
            <div class="dot1"></div>
            <div class="dot2"></div>
        </div>
    </div>
    <!-- End Preloader  -->

    <!-- header part here -->
    <header class="header_part">
        <div class="sub_header section_bg">
            <div class="container">
                <div class="row">
                    <div class="col-xl-6 col-lg-7 col-md-7">
                        <div class="header_contact_info">
                            <a href="tel:+4641468425"><i class="icon_phone"></i>+464 145 684 325</a>
                            <a href="mailto:admin@example.com"><i class="icon_mail_alt"></i>admin@example.com</a>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-5 col-md-5">
                        <div class="header_login_info">
                            <a href="teacher.html">Become A Teacher</a>
                            <a href="my-profile.html">My Profile</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main_nav">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="header_iner d-flex justify-content-between align-items-center">
                            <div class="sidebar_icon troggle_icon d-lg-none">
                                <i class="icon_menu"></i>
                            </div>
                            <div class="logo">
                                <a href="index.html"><img src="img/logo.png" alt="#"></a>
                            </div>

                            <nav class="navbar_bar">
                                <ul>
                                    <li class="mega_menu_dropdown">
                                        <a class="mega_menu_dropdown-toggle nav-link active" href="#">Home</a>
                                        <ul>
                                            <li><a class="active" href="index.html">Homepage Style One</a></li>
                                            <li><a href="index-two.html">Homepage Style Two</a>
                                            </li>
                                            <li><a href="index-three.html">One Page Home</a>
                                            </li>
                                            <li><a href="index-four.html">Dark Homepage</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="mega_menu_dropdown">
                                        <a class="mega_menu_dropdown-toggle nav-link" href="#">All Courses</a>
                                        <ul>
                                            <li><a href="course-list.html">Course List</a></li>
                                            <li><a href="course-grid.html">Course Grid</a></li>
                                            <li><a href="course-slider.html">Course Slider</a></li>
                                            <li><a href="course-details.html">Course Details</a></li>
                                            <li><a href="course-category.html">Course Category</a></li>
                                            <li><a href="lessons.html">Lessons</a></li>
                                            <li><a href="quizzes.html">Quizzes</a></li>
                                            <li><a href="checkout.html">Checkout</a></li>
                                        </ul>
                                    </li>
                                    <li class="mega_menu_dropdown">
                                        <a class="mega_menu_dropdown-toggle nav-link" href="#">Blog Classic</a>
                                        <ul>
                                            <li><a href="blog-grid.html">Blog Grid</a></li>
                                            <li><a href="blog-slider.html">Blog Slider</a></li>
                                            <li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
                                            <li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
                                            <li><a href="blog-details-no-sidebar.html">Blog Details No Sidebar</a></li>
                                            <li><a href="blog-details-left-sidebar.html">Blog Details Left Sidebar</a></li>
                                            <li><a href="blog-details-right-sidebar.html">Blog Details Right Sidebar</a></li>
                                        </ul>
                                    </li>
                                    <li class="mega_menu_dropdown">
                                        <a class="mega_menu_dropdown-toggle nav-link" href="#">Pages</a>
                                        <ul>
                                            <li><a href="about.html">About Us</a></li>
                                            <li><a href="events.html">Events</a></li>
                                            <li><a href="instructor.html">Instructor</a></li>
                                            <li><a href="testimonial.html">Testimonial</a></li>
                                            <li><a href="sample-page.html">Sample Page</a></li>
                                            <li><a href="page-left-sidebar.html">Page Left Sidebar</a></li>
                                            <li><a href="page-right-sidebar.html">Page Right Sidebar</a></li>
                                            <li><a href="404.html">404 Page</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="contact.html">Contact Us</a></li>
                                </ul>
                            </nav>
                            <div class="navbar_btn">
                                <a href="live-class.html" class="btn_1">Join Live Class</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div> 
        </div>
    </header>
    <!-- header part end -->

    <!-- jquery slim -->
    <script src="js/jquery-3.4.1.min.js"></script>
    <!-- popper js -->
    <script src="js/popper.min.js"></script>
    <!-- bootstarp js -->
    <script src="js/bootstrap.min.js"></script>
    <!-- nice select -->
    <script src="vendors/niceselect/js/jquery.nice-select.min.js"></script>
    <!-- owl carousel js -->
    <script src="vendors/owl_carousel/js/owl.carousel.min.js"></script>
    <!-- magnify popup js -->
    <script src="vendors/magnify_popup/jquery.magnific-popup.js"></script>
    <!-- simplyCountdown js -->
    <script src="vendors/countdown/js/simplyCountdown.min.js"></script>
    <!-- counter js -->
    <script src="vendors/counter/jquery.countTo.js"></script> 
    <!-- aos js -->
    <script src="vendors/aos/aos.js"></script>
    <!-- custom js -->
    <script src="js/custom.js"></script>
</body>

</html>