1
+ <!DOCTYPE html>
2
+ < html style ="height:100%; ">
3
+
4
+ < head >
5
+ < meta charset ="UTF-8 ">
6
+ < meta name ="viewport " content ="width=device-width,initial-scale=1 ">
7
+ < link rel ="stylesheet " href ="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css " integrity ="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh "
8
+ crossorigin ="anonymous ">
9
+ < link rel ="stylesheet " href ="style.css ">
10
+ < link rel ="preconnect " href ="https://fonts.gstatic.com ">
11
+ < link href ="https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap " rel ="stylesheet ">
12
+ < link rel ="stylesheet " href ="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css ">
13
+ < link rel ="preconnect " href ="https://fonts.gstatic.com ">
14
+ < link href ="https://fonts.googleapis.com/css2?family=Oswald&family=Share+Tech+Mono&display=swap " rel ="stylesheet ">
15
+ < title > Movie Project</ title >
16
+ </ head >
17
+
18
+ < body class ="d-flex flex-column h-100 ">
19
+
20
+ < main class ="flex-grow-1 ">
21
+ < nav class ="navbar navbar-expand-lg navbar-light bg-light ">
22
+ < a class ="navbar-brand " href ="# "> </ a >
23
+ < button class ="navbar-toggler " type ="button " data-toggle ="collapse " data-target ="#navbarSupportedContent " aria-controls ="navbarSupportedContent " aria-expanded ="false " aria-label ="Toggle navigation ">
24
+ < span class ="navbar-toggler-icon "> </ span >
25
+ </ button >
26
+
27
+ < div class ="collapse navbar-collapse " id ="navbarSupportedContent ">
28
+ < ul class ="navbar-nav mr-auto ">
29
+ < li class ="nav-item active ">
30
+ < a class ="nav-link " id ="home-page " href ="# "> Home</ a >
31
+ </ li >
32
+ < li class ="nav-item ">
33
+ < a class ="nav-link " id ="actors-list-page " href ="# "> Actors</ a >
34
+ </ li >
35
+ < li class ="nav-item ">
36
+ < a class ="nav-link " id ="about-page " href ="# "> About</ a >
37
+ </ li >
38
+ < li class ="nav-item dropdown ">
39
+ < a class ="nav-link dropdown-toggle " href ="# " id ="navbarDropdown " role ="button " data-toggle ="dropdown " aria-haspopup ="true " aria-expanded ="false ">
40
+ Movies
41
+ </ a >
42
+ < div class ="dropdown-menu " id ="dropdown-genre-list " aria-labelledby ="navbarDropdown ">
43
+
44
+ </ div >
45
+ </ li >
46
+ < li class ="nav-item dropdown ">
47
+ < a class ="nav-link dropdown-toggle " href ="# " id ="navbarFilterDropdown " role ="button " data-toggle ="dropdown " aria-haspopup ="true " aria-expanded ="false ">
48
+ Filter
49
+ </ a >
50
+ < div class ="dropdown-menu " id ="dropdown-filter-list " aria-labelledby ="navbarDropdown ">
51
+ < a href ="# " class = "dropdown-item " id ="popular-movies "> Popular</ a >
52
+ < a href ="# " class = "dropdown-item " id ="now-playing "> On Theaters</ a >
53
+ < a href ="# " class = "dropdown-item " id ="toprated-movies "> Top Rated</ a >
54
+ < a href ="# " class = "dropdown-item " id ="upcoming-movies "> Upcoming</ a >
55
+ <!-- <a href="#" class = "dropdown-item" id="recent-movies">Recently Released</a> -->
56
+ </ div >
57
+ </ li >
58
+ </ ul >
59
+ < form class ="form-inline my-2 my-lg-0 ">
60
+ < input class ="form-control mr-sm-2 " id ="search-input " type ="search " placeholder ="Search " aria-label ="Search ">
61
+ < button class ="btn btn-outline-success my-2 my-sm-0 " id ="search-button-movies " type ="submit "> Search Movies</ button >
62
+ < button class ="btn btn-outline-success my-2 my-sm-0 " id ="search-button-actors " type ="submit "> Search Actors</ button >
63
+ </ form >
64
+ </ div >
65
+ </ nav >
66
+ < div id ="container " class ="container-fluid ">
67
+ </ div >
68
+ </ main >
69
+
70
+ <!-- Footer -->
71
+ < footer class ="page-footer font-small teal pt-4 ">
72
+
73
+ <!-- Footer Text -->
74
+ < div class ="container-fluid text-center text-md-left ">
75
+
76
+ <!-- Grid row -->
77
+ < div class ="row ">
78
+
79
+ <!-- Grid column -->
80
+ < div class ="col-md-6 mt-md-0 mt-3 ">
81
+
82
+ <!-- Content -->
83
+ < h5 class ="text-uppercase font-weight-bold footertxt "> Re:Coded 2021 Istanbul Bootcamp</ h5 >
84
+ < p class ="footertxt "> Developed by Kutay Kağan Özen and Mohammed Manar Yazji</ p >
85
+
86
+ <!-- Grid column -->
87
+
88
+ </ div >
89
+ <!-- Grid row -->
90
+
91
+ </ div >
92
+
93
+ <!-- Footer Text -->
94
+ < div class ="test ">
95
+ < div class ="test1 ">
96
+ < h5 class ="list-unstyled "> Follow Kutay!</ h5 >
97
+ < ul class ="list-unstyled ">
98
+ < li class ="row d-flex justify-content-center ">
99
+ < a href ="https://github.com/Iseluin " target ="_blank "> < i class ="fa fa-github " style ="font-size:24px "> </ i > </ a >
100
+ < a href ="#! " target ="_blank "> < i class ="fa fa-linkedin-square " style ="font-size:24px "> </ i > </ a >
101
+ </ li >
102
+
103
+ </ ul >
104
+ </ div >
105
+
106
+ < div class ="test1 ">
107
+ < h5 class =""> Follow Manar!</ h5 >
108
+ < ul class ="list-unstyled ">
109
+ < li class ="row d-flex justify-content-center ">
110
+ < a href ="#! " target ="_blank "> < i class ="fa fa-github " style ="font-size:24px "> </ i > </ a >
111
+ < a href ="https://tr.linkedin.com/in/mohammed-manar-yazji-335168123 " target ="_blank "> < i class ="fa fa-linkedin-square " style ="font-size:24px "> </ i > </ a >
112
+ </ li >
113
+ </ div >
114
+
115
+ </ div >
116
+ </ div >
117
+
118
+
119
+
120
+ <!-- Copyright -->
121
+ < div class ="footer-copyright text-center py-3 "> © 2020 Copyright:
122
+ < a href ="https://mdbootstrap.com/ "> re-coded.com</ a >
123
+ </ div >
124
+ <!-- Copyright -->
125
+
126
+ </ footer >
127
+ <!-- Footer -->
128
+
129
+
130
+
131
+ < script src ="./oop-script.js "> </ script >
132
+ < link rel ="stylesheet " href ="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css " integrity ="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm " crossorigin ="anonymous ">
133
+ < script src ="https://code.jquery.com/jquery-3.4.1.slim.min.js " integrity ="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n " crossorigin ="anonymous "> </ script >
134
+ < script src ="
https://cdn.jsdelivr.net/npm/[email protected] /dist/umd/popper.min.js "
integrity ="
sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo "
crossorigin ="
anonymous "
> </ script >
135
+ < script src ="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js " integrity ="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6 " crossorigin ="anonymous "> </ script >
136
+ <!-- <script type="text/javascript" src="script.js"></script> -->
137
+
138
+ </ body >
139
+
140
+ </ html >
0 commit comments