sultan-710.github.io/proTips.html at main · sultan-710/sultan-710.github.io · 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
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>AmsterdamClicks</title>
    <link rel="icon" href="img/fav.png" type="image/x-icon" />
    <link rel="stylesheet" href="style/proTips.css" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Righteous&display=swap"
      rel="stylesheet"
    />
  </head>
  <body style="background-color: #56b1f0">
    <!--------------------------------------------------------------Header + Hero section----------------------------------------------------------------->
    <section class="header">
      <nav>
        <a href="index.html"><img src="./img/logo.png" alt="logo-image" /></a>
        <section class="nav-links">
          <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="explore.html">Explore</a></li>
            <li><a href="tips.html">Tips</a></li>
            <li><a href="community.html">Community</a></li>
            <li><a href="contact.html">Contact</a></li>
          </ul>
        </section>
        <i class="fas fa-bars" onclick="showmenu()"></i>
      </nav>
      <section class="box">
        <section class="page-content">
          <a href="community.html" class="button"
            ><span>Get to know us</span></a
          >
          <section class="picture-container">
            <img class="picture-frame" src="svg/Vector.svg" alt="vector" />
            <section class="pictures">
              <img class="IMG" src="img/protips1.png" alt="protips1" />
              <img class="img" src="img/protips3.png" alt="protips2" />
              <img class="IMG-2" src="img/protips2.png" alt="protips3" />
            </section>
          </section>

          <aside>
            <article>
              Elevate your photography skills with our Amsterdam-specific
              tutorials and expert tips. Learn how to perfect composition, play
              with lighting, and enhance your editing techniques to create
              stunning Amsterdam-inspired images.
            </article>
          </aside>

          <section class="text-wrapper">
            <em>Camera Gear Essentials</em>
          </section>
        </section>
      </section>
    </section>

    <!-------------------------------Showcase section---------------------------------------------------------------->

    <section class="subShowcase">
      <section class="showcase">
        <section class="sub">
          <section class="overlap-group-showcase">
            <img class="img-showcase1" src="img/camera3.png" alt="camera3" />
            <img class="img-showcase2" src="img/camera2.png" alt="camera2" />
            <img class="img-showcase3" src="img/camera1.png" alt="camera1" />
            <section class="text-wrapper-showcase">Camera Equipment’s</section>
            <article>
              Choosing the right camera equipment is essential for elevating
              your photography skills. On this page, we'll guide you through
              selecting the best camera, lenses, and accessories tailored to
              your needs and budget. Discover how the right gear can make a
              significant difference in capturing Amsterdam's beauty. Canon 77D,
              my daily Camera which all the following stunning pictures are
              captuered.
            </article>
          </section>
        </section>
      </section>

      <section class="showcase2">
        <section class="sub">
          <section class="overlap-group">
            <img class="img-showcase2-1" src="img/drone1.png" alt="drone1" />
            <img class="img-showcase2-2" src="img/drone22.JPG" alt="drone2" />
            <img class="img-showcase2-3" src="img/drone3.png" alt="drone3" />
            <section class="text-wrapper">Drone Equipment’s</section>
            <article class="the-city-s-rich">
              DJI Panthom 4 Pro this machine is a beeeast!!! it not as my daily
              capture device because of the Netherlands weather due to high wind
              speed and most of the time its raining.
            </article>
          </section>
        </section>
      </section>
    </section>

    <!--------------------------Contact-Section------------>
    <section class="Contactbox">
      <section class="contactsection">
        <section class="overlap-group">
          <section class="rectangle"></section>
          <p class="text-wrapper">Looking forward for the best experince</p>
          <img
            class="lettering-contact-us"
            src="./img/contact.png"
            alt="contact"
          />
          <button class="button"></button>
          <section class="get-started">
            <a href="contact.html">Contact Us</a>
          </section>
        </section>
      </section>
    </section>

    <!--------------------------Footer-Section--------------------------------------------->
    <section class="footerbox">
      <footer class="footer">
        <img class="img" src="svg/facebook.svg" alt="facebook" />
        <img class="img" src="svg/instagram.svg" alt="instagram" />
        <img class="img" src="svg/twitter.svg" alt="twitter" />
        <section class="copyright">
          &copy; 2023 AmsterdamClicks. All rights reserved.
        </section>
        <ul class="navbar">
          <li><a href="index.html">About us</a></li>
          <li><a href="explore.html">Explore</a></li>
          <li><a href="tips.html">Tips</a></li>
          <li><a href="community.html">Community</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </footer>
    </section>
  </body>
</html>