-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathproduction.html
More file actions
172 lines (162 loc) · 7.92 KB
/
production.html
File metadata and controls
172 lines (162 loc) · 7.92 KB
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
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> DS | Production</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Corben">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source Sans Pro">
<script src="https://kit.fontawesome.com/d2cf0ef0bc.js" crossorigin="anonymous"></script>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="css/production.css">
<script>
function openNav() {
var openelement = document.getElementsByClassName("mobile-nav-container");
openelement[0].style.display = "inline-block";
openelement[0].style.animation = "fadeEffect 1s"
//var menuicon = document.getElementsByClassName("baricon");
menuicon[0].style.display = "none"
}
function closeNav() {
var closeelement = document.getElementsByClassName("mobile-nav-container");
closeelement[0].style.display = "none";
closeelement[0].style.animation = "fadeEffect 1s"
//var menuicon = document.getElementsByClassName("baricon");
//menuicon[0].style.display = "inline-block"
}
</script>
</head>
<body id="top">
<header>
<div class="logo">
<img src="images/dqlogo.png" alt="dq logo" width="11%">
</div>
<nav>
<ul class="navlist">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Me</a></li>
<li><a href="movies.html">Movies</a></li>
<li><a href="production.html">Production</a></li>
<li><a href="interviews.html">Interviews</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="follow.html">Follow</a>
<ul>
<li><a href="https://instagram.com/dqsalmaan" target="_blank">Instagram</a></li>
<li><a href="https://facebook.com/DQSalmaan" target="_blank">Facebook</a> </li>
<li><a href="https://twitter.com/dulQuer" target="_blank">Twitter</a></li>
<li><a href="https://youtube.com/DQSalmaan" target="_blank">youtube</a></li>
<li><a href="https://dulquer.com" target="_blank">Website</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<!--Header for mobile site-->
<div class="mobileheader">
<div class="mobilelogo">
<img src="images/dslogo.png" alt="dq logo" width="11%">
</div>
<div class="menuicon">
<img class="navbutton" src="icons/menu.png" alt="" onclick="openNav()">
</div>
<!--mobile navbar-->
<div class="mobile-nav-container">
<div class="closeicon">
<img class="closebutton" src="icons/close1.png" alt="" onclick="closeNav()">
</div>
<div class="mobilenavlist">
<div class="mobilenavitem"><a href="index.html" onclick="closeNav()">Home</a></div>
<div class="mobilenavitem"><a href="about.html" onclick="closeNav()">About Me</a></div>
<div class="mobilenavitem"><a href="movies.html" onclick="closeNav()">Movies</a></div>
<div class="mobilenavitem"><a href="production.html" onclick="closeNav()">Production</a></div>
<div class="mobilenavitem"><a href="interviews.html" onclick="closeNav()">Interviews</a></div>
<div class="mobilenavitem"><a href="gallery.html" onclick="closeNav()">Gallery</a></div>
<div class="mobilenavitem"><a href="follow.html" onclick="closeNav()">Follow</a></div>
</div>
<div class="mobilenavmediaicons">
<div class="fb icon"><a href="https://facebook.com/DQSalmaan" target="_blank" aria-label="Facebook"><abbr
title="Facebook"><i class="fab fa-facebook fa-1x"></i></abbr> </a></div>
<div class="ig icon"><a href="https://instagram.com/dqsalmaan" target="_blank" aria-label="Instagram"><abbr
title="Instagram"><i class="fab fa-instagram fa-1x"></i></abbr></a></div>
<div class="tt icon"><a href="https://twitter.com/dulQuer" target="_blank" aria-label="Twitter"><abbr
title="Twitter"><i class="fab fa-twitter fa-1x"></i></abbr></a></div>
<div class="yt icon"><a href="https://youtube.com/DQSalmaan" target="_blank" aria-label="Youtube"><abbr
title="Youtube"><i class="fab fa-youtube fa-1x"></i></abbr></a></div>
</div>
</div>
</div>
<main>
<main>
<div class="pagehead">
<h2>Wayfarer Films</h2><br>
<p>A Dulquer Salmaan Enterprise</p>
<hr class="h2hr">
</div>
<section class="about">
<h3>In brief</h3>
<div class="about data"><p>Wayfarer Films is the production house under Dulquer Salmaan. The first production under the banner of Wayfarer
, Maniyarayile Ashokan,began filming in the year 2018, through wich a number of new talents were introduced. however the first movie released
was Varane Avashyamund in 2020 starrign sg,s, ds, and kp whixh turned out be a hit. Wayfarer films aims at bringing good stories oon screen
and exploring new talents.
</p></div>
<div class="images ">
<img src="images/wf.jpg" alt="loading"/></div>
</section>
<section class="projects">
<details open><summary>Our Projects</summary>
<article class="projdet">
<img src="images/cardimg.jpg" alt="Project 1">
<div class="detdata">
<h4>Project 1</h4>
<p>
This is the first one we produced by wf in association with mistar. This area contains the details about the the project. Major credits
along with things worth mentioning can be added here. This is a salmple card.
</p>
</div>
</article>
<article class="projdet">
<img src="images/cardimg.jpg" alt="Project 2">
<div class="detdata">
<h4>Project 1</h4>
<p>
This is the second one we produced by wf in association with mistar. This area contains the details about the the project. Major credits
along with things worth mentioning can be added here. This is a salmple card.
</p>
</div>
</article>
<article class="projdet">
<img src="images/cardimg.jpg" alt="Project 3">
<div class="detdata">
<h4>Project 1</h3>
<p>
This is the third one we produced by wf in association with mistar. This area contains the details about the the project. Major credits
along with things worth mentioning can be added here. This is a salmple card.
</p>
</div>
</article>
<article class="projdet">
<img src="images/cardimg.jpg" alt="Project 3">
<div class="detdata">
<h4>Project 1</h3>
<p>
This is the third one we produced by wf in association with mistar. This area contains the details about the the project. Major credits
along with things worth mentioning can be added here. This is a salmple card.
</p>
</div>
</article>
</details>
</section>
</main>
<footer>
<section class="follow">
<div><a class="web" href="https://dulquer.com"><attr title="Website"><img src="images/dqlogo.png" alt="dq logo" width="11%"></attr></a></div>
<div><a class="mail" href="mailto:info@dulquer.com"><attr title="Mail"><i class="far fa-envelope"></i> info@dulquer.com</attr></a></div>
<div class="fb icon"><a href="https://facebook.com/DQSalmaan" target="_blank" aria-label="Facebook"><abbr title="Facebook"><i class="fab fa-facebook fa-2x"></i></abbr> </a></div>
<div class="ig icon"><a href="https://instagram.com/dqsalmaan" target="_blank" aria-label="Instagram"><abbr title="Instagram"><i class="fab fa-instagram fa-2x"></i></abbr></a></div>
<div class="tt icon"><a href="https://twitter.com/dulQuer" target="_blank" aria-label="Twitter"><abbr title="Twitter"><i class="fab fa-twitter fa-2x"></i></abbr></a></div>
<div class="yt icon"><a href="https://youtube.com/DQSalmaan" target="_blank" aria-label="Youtube"><abbr title="Youtube"><i class="fab fa-youtube fa-2x"></i></abbr></a></div>
</section>
<div class="footernote">© 2020 | Powered by <a href="file:///D:/HTML-CSS/FDL/fdl/fdl.html">F Digital Lab</a>.</div>
</footer>
</body>
</html>