webdevpractisepage/interviews.html at master · faheempp/webdevpractisepage · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title> DS | Interviews</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">
  <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
  <script src="https://kit.fontawesome.com/d2cf0ef0bc.js" crossorigin="anonymous"></script>
  <link rel="stylesheet" href="css/interview.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>
      <div class="pagehead">
        <h2>Interviews</h2>
        <hr class="h2hr">
      </div>

  <div class="interviews">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/qbVYThedHfk" title="YouTube video player"
      frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
      allowfullscreen></iframe>
  <iframe  src="https://www.youtube.com/embed/POZOJ3vYy-A"
   allow="accelerometer;controls; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
   <iframe width="560" height="315" src="https://www.youtube.com/embed/i3Jtvl5xFBs" title="YouTube video player"
      frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
      allowfullscreen></iframe>
  </div>
  <div id="toparrow"><a href="#top"><i class="fas fa-arrow-circle-up fa-2x" aria-label="arrow up"></i></a></div><hr>
</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">&copy; 2022</div>
</footer>
 </body>

</html>