Skip to content

Commit e8cd5ad

Browse files
Tiago-RTiago-R
committed
Update website
1 parent 196f122 commit e8cd5ad

6 files changed

Lines changed: 39 additions & 101 deletions

File tree

‎css/menikah.css‎

Lines changed: 32 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -39,11 +39,12 @@ html {
3939

4040
.hero {
4141
/* background-image: url(https://picsum.photos/id/25/1920/1080); */
42-
background: linear-gradient(rgba(153, 110, 109, 0.65), rgba(153, 110, 109, 0.65)), rgba(0, 0, 0, 0.55) url("https://picsum.photos/id/381/1920/1080") no-repeat;
42+
background: linear-gradient(rgba(56, 46, 55, 0.75), rgba(94, 70, 95, 0.75)), rgba(0, 0, 0, 0.95) url(../image/gili.jpg) no-repeat;
4343
background-attachment: ;
4444
background-size: cover;
4545
color: white;
4646
box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
47+
background-position-x: left 200px;
4748
font-family: 'Raleway', sans-serif;
4849
}
4950

@@ -131,12 +132,12 @@ html {
131132
}
132133

133134
.main-content .section-dark {
134-
background-color: #F4E2E2;
135+
background-color: #fce7fe;
135136
padding: 80px 40px;
136137
}
137138

138139
.main-content .section-darker {
139-
background-color: #EDD2D1;
140+
background-color: #c49dc7;
140141
padding: 80px 40px;
141142
}
142143

@@ -290,7 +291,7 @@ html {
290291
.main-content .section-title {
291292
font-family: 'Raleway', sans-serif;
292293
font-weight: 900;
293-
color: #c5a4c1;
294+
color: #000000;
294295
text-transform: uppercase;
295296
font-size: 1.5rem;
296297
letter-spacing: 0px;
@@ -499,6 +500,18 @@ body.preloader-site {
499500
margin: 1rem;
500501
}
501502

503+
.btn-cta-dark:hover {
504+
color:white;
505+
background-color: #bf7877;
506+
font-size: 1.2rem;
507+
border-radius: 10px;
508+
border: 2px solid #bf7877;
509+
width: 210px;
510+
height: 65px;
511+
align-items: center;
512+
margin: 1rem;
513+
}
514+
502515
.btn-cta {
503516
background-color: #c5a4c1;
504517
width: 210px;
@@ -511,6 +524,18 @@ body.preloader-site {
511524
margin: 1rem;
512525
}
513526

527+
.btn-cta-dark {
528+
background-color: #fce7fe;
529+
width: 210px;
530+
height: 65px;
531+
color: black;
532+
font-size: 1.2rem;
533+
border: 2px solid #c5a4c1;
534+
border-radius: 10px;
535+
align-items: center;
536+
margin: 1rem;
537+
}
538+
514539
.cashbac-logo-inline {
515540
width: 160px;
516541
vertical-align: middle;
@@ -636,10 +661,11 @@ body.preloader-site {
636661
}
637662

638663
.section-light {
639-
background-image: url(../image/divider-flowers-leaves.png);
664+
background-image: url(../image/flor_canto.jpeg);
640665
background-position: bottom -30px center;
641666
background-repeat: no-repeat;
642-
background-size: initial;
667+
background-size: auto 300px;
668+
background-position: left 0px bottom 0px;
643669
}
644670

645671
.instagram {

‎image/batur.jpg‎

327 KB
Loading

‎image/flor_bottom.jpeg‎

35 KB
Loading

‎image/flor_canto.jpeg‎

47 KB
Loading

‎image/gili.jpg‎

2.97 MB
Loading

‎index.html‎

Lines changed: 7 additions & 95 deletions
Original file line numberDiff line numberDiff line change
@@ -186,7 +186,7 @@ <h4 class="subtitle tempatwaktu">
186186
id="regular-section">
187187

188188
<div data-aos="fade-up" data-aos-easing="linear">
189-
<img src="image/bismillah.png" class="bismillah has-text-centered" alt="Bismillahirrahmaanirrahiim">
189+
<!-- <img src="image/bismillah.png" class="bismillah has-text-centered" alt="Bismillahirrahmaanirrahiim"> -->
190190
</div>
191191

192192
<p class="bodytext" data-aos="fade-up" data-aos-easing="linear">
@@ -202,17 +202,17 @@ <h4 class="subtitle tempatwaktu">
202202

203203
<div data-aos="fade-up" data-aos-easing="linear">
204204
<div class="nama-lengkap">
205-
Patrícia Isabel Silva Cardeira
205+
Patrícia Cardeira
206206
</div>
207207
<div class="ampersand">&</div>
208208
<div class="nama-lengkap">
209-
Tiago Alfredo Lopes Rocha
209+
Tiago Rocha
210210
</div>
211211

212212
</div>
213213
<span class="space40px"></span>
214214
<div data-aos="fade-up" data-aos-easing="linear">
215-
<img src="image/divider-leaves.png" class="divider has-text-centered" alt="~~~">
215+
<!-- <img src="image/flor_bottom.jpeg" class="divider has-text-centered" alt="~~~"> -->
216216
</div>
217217
<span class="space40px"></span>
218218
<span class="space40px"></span>
@@ -292,7 +292,7 @@ <h1 class="title has-text-centered section-title">Local</h1>
292292
<div class="space40px"></div>
293293
<div class="has-text-centered" data-aos="fade-up" data-aos-easing="linear">
294294
<a href="https://maps.google.com/maps/dir//Quinta+Lagus+Resort+Estrada+Nacional+379+2+-+KM+7,5+Olhos+d'%C3%81gua+Palmela/@38.6214688,-8.9571988,16z/data=!4m5!4m4!1m0!1m2!1m1!1s0xd19470d70f4e2ab:0xd7e094d0c1ae639a"
295-
class="button btn-cta" target="_blank" data-aos="zoom-in">
295+
class="button btn-cta-dark" target="_blank" data-aos="zoom-in">
296296
<i class="far fa-directions"></i>
297297
&nbsp;&nbsp;Google Maps
298298
</a>
@@ -301,100 +301,12 @@ <h1 class="title has-text-centered section-title">Local</h1>
301301
</section>
302302
<!-- End Lokasi Content -->
303303

304-
<!-- Begin Tentang [Calon Mempelai Wanita] and [Calon Mempelai [Pria] -->
305-
<section class="section-light regular-section is-fullheight" id="tentang-pasangan">
306-
<div class="container">
307-
<div class="columns is-multiline">
308-
<div class="column has-text-centered is-12 prolog">
309-
<h1 class="title has-text-centered section-title" data-aos="fade-up" data-aos-easing="linear"> Tentang
310-
[Calon Mempelai Wanita] dan [Calon Mempelai [Pria]</h1>
311-
312-
313-
314-
<!-- IMAGES -->
315-
<div class=" tile">
316-
<div class="tile is-ancestor">
317-
<div class="tile is-parent">
318-
<article class="tile is-child foto1 notification foto1" data-aos="fade-up" data-aos-easing="linear">
319-
<div class="content">
320-
<p class="title-foto">Foto 1</p>
321-
<p class="subtitle-foto">
322-
Pertama kali saling kenal di <a href="https://google.com" target="_blank">Sebut Nama Tempat</a>
323-
</p>
324-
</div>
325-
</article>
326-
</div>
327-
<div class="tile is-parent">
328-
<article class="tile is-child notification foto2" data-aos="fade-up" data-aos-easing="linear">
329-
<div class="content">
330-
<p class="title-foto">
331-
Foto 2
332-
</p>
333-
<p class="subtitle-foto">
334-
Satu kantor, satu divisi, dan posisi tempat duduk saling membelakangi.
335-
</p>
336-
</div>
337-
</article>
338-
</div>
339-
<div class="tile is-parent">
340-
<article class="tile is-child notification foto3" data-aos="fade-up" data-aos-easing="linear">
341-
<div class="content">
342-
<p class="title-foto">
343-
Foto 3
344-
</p>
345-
<p class="subtitle-foto">
346-
Cerita cinta dimulai
347-
</p>
348-
</div>
349-
</article>
350-
</div>
351-
</div>
352-
</div>
353-
<div class="space24px"></div>
354-
<div class="tile is-ancestor">
355-
<div class="tile is-parent">
356-
<article class="tile is-child notification foto6" data-aos="fade-up" data-aos-easing="linear">
357-
<div class="content">
358-
<p class="title-foto">Foto 4</p>
359-
<p class="subtitle-foto">Pertemuan 2 keluarga</p>
360-
</div>
361-
</article>
362-
</div>
363-
<div class="tile is-parent">
364-
<article class="tile is-child notification foto4" data-aos="fade-up" data-aos-easing="linear">
365-
<div class="content">
366-
<p class="title-foto">Foto 5</p>
367-
<p class="subtitle-foto">Lamaran</p>
368-
</div>
369-
</article>
370-
</div>
371-
<div class="tile is-parent">
372-
<article class="tile is-child notification foto5" data-aos="fade-up" data-aos-easing="linear">
373-
<div class="content">
374-
<p class="title-foto">Foto 6</p>
375-
<p class="subtitle-foto">Menikah</p>
376-
</div>
377-
</article>
378-
</div>
379-
</div>
380-
<!-- IMAGES -->
381-
<div class="space40px"></div>
382-
<div data-aos="fade-up" data-aos-easing="linear">
383-
<img src="image/divider-leaves.png" class="divider has-vertically-align" alt="~~~">
384-
</div>
385-
<div class="space40px"></div>
386-
<div class="space40px"></div>
387-
388-
</div>
389-
</div>
390-
</section>
391-
<!-- End Tentang [Calon Mempelai Wanita] and [Calon Mempelai [Pria] -->
392-
304+
393305
<!-- Begin RSVP Content -->
394306

395307
<!-- RSVP FORM (Bulma-friendly) -->
396308

397-
<section class="section-dark contact" id="rsvp">
309+
<section class="section-light contact" id="rsvp">
398310
<div class="container">
399311
<div class="columns is-multiline">
400312
<div class="column is-12 prolog">

0 commit comments

Comments
 (0)