Proiect-HTML-CSS/insula-siargao.html at main · bie24/Proiect-HTML-CSS · 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
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
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Insula Siargao</title>
    <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=Inter:wght@400;700&family=Poppins:wght@200&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="comun.css" />
    <link rel="stylesheet" href="insula-siargao.css" />
  </head>
  <body>
    <header>
      <ul class="nav">
        <li><a href="destinatii.html" class="menu-item">Destinații</a></li>
        <li><a href="index.html" class="logo menu-item">THYNK TRAVEL</a></li>
        <li><a href="contact.html" class="menu-item">Contact</a></li>
      </ul>
    </header>
    <div class="pictures">
      <img
        src="img/insula_siargao1.jpg"
        alt="insula siargao photo"
        style="grid-area: 1/1/3/5"
      />
      <img
        src="img/insula_siargao.jpg"
        alt="insula siargao photo"
        style="grid-area: 3/1/6/3"
      />
      <img
        src="img/insula_siargao2.jpg"
        alt="insula siargao photo"
        style="grid-area: 3/3/6/5"
      />
      <img
        src="img/insula_siargao3.jpg"
        alt="insula siargao photo"
        style="grid-area: 1/5/6/9"
      />
    </div>
    <section class="explore">
      <article class="text">
        <h2 class="title">Insula Siargao</h2>
        <h3 class="subtitle">Cel mai frumos loc din Filipine</h3>
        <p>
          Insula Siargao este un paradis tropical situat în provincia Surigao
          del Norte din Filipine. Această insulă în formă de lacrimă a crescut
          în mod constant în popularitate în ultimii câțiva ani și este adesea
          cunoscută drept capitala surfului.
        </p>
        <p>
          Insula Siargao este de obicei accesată prin Aeroportul Sayak, care se
          află la aproximativ 10 minute cu mașina de municipalitatea Del Carmen
          și la 40 de minute cu mașina de principalul oraș turistic General
          Luna.
        </p>
        <p>
          Pe această insulă pot fi vizitate numeroase puncte turistice precum:
        </p>

        <div class="box box1">
          <div class="box-text">
            <h3>Parcul Național Sohoton Cove</h3>
            <p class="text">
              Situat pe insula Bucas Grande și la doar o excursie cu barca de o
              oră de portul Dapa din Siargao, acest loc este cu adevărat un
              paradis ascuns.
            </p>
            <p>
              Înconjurat de formațiuni masive și maiestuoase de calcar verde și
              ape albastre strălucitoare, nu poți să nu te minunezi de
              frumusețea crudă a golfului Sohoton.
            </p>
            <p>
              O altă atracție remarcabilă este laguna plină cu mii de meduze.
              Turiștilor li s-a permis inițial să înoate cu creaturile
              gelatinoase din lagună deoarece meduzele erau inofensive.
            </p>
          </div>
          <img src="img/sohoton_cove.jpg" alt="sohoton cove" />
        </div>

        <div class="box box2">
          <div class="box-text">
            <h3>Laguna Sugba</h3>
            <p class="text">
              Sugba Lagoon este o bijuterie ascunsă în orașul liniștit Del
              Carmen din Siargao. Această destinație spectaculoasă se află în
              mijlocul unei păduri mistice de mangrove înconjurată de munți.
            </p>
            <p>
              Laguna Sugba oferă vizitatorilor un loc uimitor de înot de 4.000
              de hectare. Cel mai emblematic reper al lagunei Sugba este
              trambulina construită din cherestea de cocos. Poate părea șubredă,
              dar aceasta este suficient de puternică pentru a sprijini turist
              după turist.
            </p>
          </div>
          <img src="img/sugba lagoon.jpg" alt="sugba lagoon" />
        </div>
      </article>

      <section class="text">
        <h2 class="section-title">Cazări de vis</h2>
        <div class="cazari">
          <div class="cazare">
            <img src="img/cazare_siargao1.jpg" alt="" />
            <h3>Dahun Villas Siargao</h3>
            <a
              href="https://www.booking.com/hotel/ph/dahun-villas-siargao.en-gb.html?aid=304142&label=gen173bo-1FCAEoggI46AdIM1gDaMABiAECmAEJuAEHyAEN2AEB6AEB-AEDiAIBmAICqAIDuAKW5ZKWBsACAdICJGZhM2M3NDUwLTc2YjgtNGQzYS1hZWQzLTIxNGI0Y2NiMjU2M9gCBeACAQ&sid=78af636383d02e8d9c1a422f2a869df5&all_sr_blocks=399209210_201996361_0_0_0&checkin=2022-08-25&checkout=2022-09-23&dest_id=5375&dest_type=region&dist=0&group_adults=2&group_children=0&hapos=6&highlighted_blocks=399209210_201996361_0_0_0&hpos=6&matching_block_id=399209210_201996361_0_0_0&no_rooms=1&req_adults=2&req_children=0&room1=A%2CA&sb_price_type=total&sr_order=popularity&sr_pri_blocks=399209210_201996361_0_0_0__9289822&srepoch=1658153823&srpvid=3e43646e22eb0257&type=total&ucfs=1&activeTab=photosGallery"
              class="cazare-btn"
              >Rezervă acum
            </a>
          </div>

          <div class="cazare">
            <img src="img/cazare_siargao2.jpg" alt="" />
            <h3>The Hillside Resort</h3>
            <!-- SCHIMBAT HREF
            -->
            <a
              href="https://www.booking.com/hotel/ph/the-hillside-resort-siargao.en-gb.html?aid=356980&label=gog235jc-1FCAsotAFCG3RoZS1oaWxsc2lkZS1yZXNvcnQtc2lhcmdhb0gzWANowAGIAQGYAQm4ARfIAQzYAQHoAQH4AQyIAgGoAgO4AqDh25YGwAIB0gIkZTJhMzIwYzAtNGRkYy00YjE2LTg5M2EtMDhlMWM2NDgyNjky2AIG4AIB&sid=78af636383d02e8d9c1a422f2a869df5&all_sr_blocks=456521603_341494482_0_42_0&checkin=2022-10-27&checkout=2022-10-30&dest_id=5375&dest_type=region&dist=0&group_adults=2&group_children=0&hapos=1&highlighted_blocks=456521603_341494482_0_42_0&hpos=1&matching_block_id=456521603_341494482_0_42_0&no_rooms=1&req_adults=2&req_children=0&room1=A%2CA&sb_price_type=total&sr_order=popularity&sr_pri_blocks=456521603_341494482_0_42_0__1214676&srepoch=1658253491&srpvid=8c4f7e59e68c00ac&type=total&ucfs=1&activeTab=photosGallery"
              class="cazare-btn"
              >Rezervă acum
            </a>
          </div>

          <div class="cazare">
            <img src="img/cazare_siargao3.jpg" alt="" />
            <h3>Punta Surf Retreat</h3>
            <a
              href="https://www.booking.com/hotel/ph/the-hillside-resort-siargao.en-gb.html?aid=304142&label=gen173bo-1FCAEoggI46AdIM1gDaMABiAECmAEJuAEHyAEN2AEB6AEB-AEDiAIBmAICqAIDuAKW5ZKWBsACAdICJGZhM2M3NDUwLTc2YjgtNGQzYS1hZWQzLTIxNGI0Y2NiMjU2M9gCBeACAQ&sid=78af636383d02e8d9c1a422f2a869df5&all_sr_blocks=456521603_341494482_0_42_0&checkin=2022-08-25&checkout=2022-08-28&dest_id=-2426399&dest_type=city&dist=0&group_adults=2&group_children=0&hapos=38&highlighted_blocks=456521603_341494482_0_42_0&hpos=13&matching_block_id=456521603_341494482_0_42_0&no_rooms=1&req_adults=2&req_children=0&room1=A%2CA&sb_price_type=total&sr_order=popularity&sr_pri_blocks=456521603_341494482_0_42_0__1214676&srepoch=1658153939&srpvid=a53d64922421008b&type=total&ucfs=1&activeTab=photosGallery"
              class="cazare-btn"
              >Rezervă acum
            </a>
          </div>
        </div>
      </section>
    </section>

    <section class="youtube-video text">
      <h2 class="section-title">Descoperă priveliștea!</h2>
      <div class="iframe-container">
        <iframe
          width="560"
          height="315"
          src="https://www.youtube.com/embed/SFVxnA8XNw4"
          title="YouTube video player"
          frameborder="0"
          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
          allowfullscreen
        ></iframe>
      </div>
    </section>
    <section class="others text">
      <h2 class="section-title">Alte destinații recomandate:</h2>
      <div class="others-container">
        <div class="others-box">
          <a href="lacul-sorapiss.html">
            <img src="img/lacul_sorapiss.jpg" alt="lacul sorapiss" />
          </a>
          <a href="lacul-sorapiss.html"><h3>Lacul Sorapiss</h3></a>
        </div>

        <div class="others-box">
          <a href="petra.html">
            <img src="img/petra.jpg" alt="petra" />
          </a>
          <a href="petra.html"> <h3>Petra</h3></a>
        </div>

        <div class="others-box">
          <a href="santorini.html">
            <img src="img/santorini.jpg" alt="santorini" />
          </a>
          <a href="santorini.html"><h3>Santorini</h3></a>
        </div>
      </div>
    </section>

    <footer>
      <a href="https://www.instagram.com/">
        <img src="icons/instagram.png" alt="instagram" class="icon" />
      </a>
      <a href="https://facebook.com">
        <img src="icons/facebook.png" alt="facebook" class="icon" />
      </a>
      <a href="https://tiktok.com">
        <img src="icons/titkok.png" alt="tiktok" class="icon" />
      </a>
    </footer>
  </body>
</html>