webdevpractisepage/follow.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
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title> DS | About</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/follow.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>Get in touch with DQ</h2>
      <hr class="h2hr">
    </div>
    <div class="pagebody">
    <section class="contact">
      <h3>We would like to hear from you!</h3>
      <form class="contactus" action="index.html" method="post">
        <label for="name"><input name="name" type="text" placeholder="Name" required></input></label>
        <label for="email"><input name="email" type="email" placeholder="Email" required></input></label>
        <label for="name"><input name="text" pattern="[0-9]{10}" type="text" placeholder="Phone" required></input></label>
        <label for="message"><textarea name="message" placeholder="We would love to here from you!" required></textarea></label>
        <label for="submit"><input id="submit" type="submit" name="submit" value="Submit"></input></label>
      </form>
    </section>
    <section class="followdq">
      <h3>Join Official Groups</h3>
      <div class="followlinks">
        <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>
    </div>
    </section>
  <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>