├── README.md └── Web Wedding ├── img ├── dummy1.png ├── dummy2.png ├── inv3.jpeg ├── favicon.png ├── map-image.png ├── navicon.png └── photothumb.db ├── style.css ├── index.html └── jquery.2.min.js /README.md: -------------------------------------------------------------------------------- 1 | # Template-Website-Undangan-Pernikahan 2 | Template Website Undangan Pernikahan By cripcips.net, free to download 3 | -------------------------------------------------------------------------------- /Web Wedding/img/dummy1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/irfandx/Template-Website-Undangan-Pernikahan/HEAD/Web Wedding/img/dummy1.png -------------------------------------------------------------------------------- /Web Wedding/img/dummy2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/irfandx/Template-Website-Undangan-Pernikahan/HEAD/Web Wedding/img/dummy2.png -------------------------------------------------------------------------------- /Web Wedding/img/inv3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/irfandx/Template-Website-Undangan-Pernikahan/HEAD/Web Wedding/img/inv3.jpeg -------------------------------------------------------------------------------- /Web Wedding/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/irfandx/Template-Website-Undangan-Pernikahan/HEAD/Web Wedding/img/favicon.png -------------------------------------------------------------------------------- /Web Wedding/img/map-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/irfandx/Template-Website-Undangan-Pernikahan/HEAD/Web Wedding/img/map-image.png -------------------------------------------------------------------------------- /Web Wedding/img/navicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/irfandx/Template-Website-Undangan-Pernikahan/HEAD/Web Wedding/img/navicon.png -------------------------------------------------------------------------------- /Web Wedding/img/photothumb.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/irfandx/Template-Website-Undangan-Pernikahan/HEAD/Web Wedding/img/photothumb.db -------------------------------------------------------------------------------- /Web Wedding/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin: 0; 3 | padding-top: 30px; 4 | position: relative; 5 | font-family: 'Quicksand', sans-serif; 6 | } 7 | 8 | pre { 9 | tab-size: 8; 10 | } 11 | 12 | ul li a{ 13 | color: #2d465b; 14 | font-family: "Raleway"; 15 | text-align: center; 16 | } 17 | 18 | ul li:hover{ 19 | background: #cc9900; 20 | } 21 | 22 | ul li a:hover{ 23 | color: #fff; 24 | } 25 | 26 | @media screen and (max-width: 768px) { 27 | .side-collapse-container{ 28 | width:100%; 29 | position:relative; 30 | left:0; 31 | transition:left .4s; 32 | } 33 | .side-collapse-container.out{ 34 | left:200px; 35 | } 36 | .side-collapse { 37 | top:50px; 38 | bottom:0; 39 | left:0; 40 | width:200px; 41 | position:fixed; 42 | overflow:hidden; 43 | transition:width .4s; 44 | } 45 | .side-collapse.in { 46 | width:0; 47 | } 48 | 49 | #invitation img{ 50 | height: auto; 51 | width: 100%; 52 | 53 | } 54 | 55 | } 56 | 57 | .banner{ 58 | background-color: #212529; 59 | background-image: url("img/map-image.png"); 60 | background-repeat: no-repeat; 61 | background-position: center; 62 | box-shadow: 0 12px 18px rgba(0, 0, 0, 1); 63 | width: 100%; 64 | min-height: auto; 65 | } 66 | 67 | .banner p{ 68 | font-size: 2rem; 69 | text-align: left; 70 | font-family: "Raleway"; 71 | font-style: italic; 72 | color: white; 73 | } 74 | .banner h1{ 75 | font-size: 6rem; 76 | color: #cc9900; 77 | outline: black; 78 | text-align: center; 79 | position: relative; 80 | font-family: 'Great Vibes'; 81 | 82 | } 83 | .banner h3{ 84 | font-size: 2rem; 85 | text-align: center; 86 | } 87 | 88 | 89 | .boxcontent{ 90 | width: 100%; 91 | height: auto; 92 | background-image: url(); 93 | background-color: #ffffff; 94 | background-image: url(""); 95 | background-attachment: fixed; 96 | background-size: cover; 97 | overflow: auto; 98 | text-align: center; 99 | } 100 | .boxcontent h1 { 101 | font-style: normal; 102 | text-align: center; 103 | font-family: 'Great Vibes', cursive; 104 | color: #cc9900; 105 | outline: black; 106 | font-size: 5rem; 107 | } 108 | 109 | #invitation{ 110 | height: auto; 111 | width: 100%; 112 | overflow: auto; 113 | position: relative; 114 | left: 50%; 115 | transform: translate(-50%); 116 | } 117 | 118 | #About{ 119 | min-height: 450px; 120 | width: 90%; 121 | border-radius:5px; 122 | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); 123 | position: relative; 124 | left: 50%; 125 | transform: translate(-50%); 126 | background: rgb(230,232,189); 127 | background: linear-gradient(90deg, rgba(230,232,189,1) 0%, rgba(220,241,241,1) 51%, rgba(86,97,87,1) 97%); 128 | background-image: url("img/floral5.svg"); 129 | background-size: cover; 130 | overflow: auto; 131 | } 132 | 133 | #About p{ 134 | text-align: center; 135 | font-style: normal; 136 | font-size: 25px; 137 | font-family: 'Bad Script'; 138 | } 139 | 140 | .pp{ 141 | width: 100%; 142 | min-height: 370px; 143 | position: relative; 144 | 145 | } 146 | .pp img{ 147 | width: 250px; 148 | height: 250px; 149 | border-radius: 50% 50%; 150 | position: relative; 151 | top: 0; 152 | bottom: 5px; 153 | left: 1%; 154 | transform: translate(-50%); 155 | } 156 | 157 | 158 | .pp2{ 159 | width: 100%; 160 | min-height: 370px; 161 | position: relative; 162 | } 163 | .pp2 img{ 164 | width: 250px; 165 | height: 250px; 166 | border-radius: 50% 50%; 167 | position: relative; 168 | bottom: 0px; 169 | left: 25%; 170 | transform: translate(-50%); 171 | } 172 | 173 | @media screen and (max-width: 768px) { 174 | .pp img{ 175 | width: 250px; 176 | height: 250px; 177 | background-color: white; 178 | border-radius: 50% 50%; 179 | position: relative; 180 | top: 0; 181 | bottom: 5px; 182 | left: 38%; 183 | transform: translate(-50%); 184 | } 185 | 186 | .pp2 img{ 187 | width: 250px; 188 | height: 250px; 189 | background-color: white; 190 | border-radius: 50% 50%; 191 | position: relative; 192 | bottom: 0px; 193 | left: 38%; 194 | transform: translate(-50%); 195 | } 196 | 197 | 198 | } 199 | 200 | #Akad{ 201 | min-height: 500px; 202 | width: 90%; 203 | border-radius:5px; 204 | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); 205 | overflow: auto; 206 | position: relative; 207 | left: 50%; 208 | transform: translate(-50%); 209 | 210 | } 211 | #Akad h2{ 212 | font-size: 5rem; 213 | text-align: center; 214 | font-family: 'Great Vibes', cursive; 215 | color: #cc9900; 216 | outline: black; 217 | } 218 | .akad { 219 | width: 100%; 220 | height: auto; 221 | float: left; 222 | background: rgb(230,232,189); 223 | background: linear-gradient(90deg, rgba(230,232,189,1) 0%, rgba(220,241,241,1) 51%, rgba(86,97,87,1) 97%); 224 | opacity: 0.65; 225 | } 226 | 227 | .akad p{ 228 | text-align: center; 229 | font-style: normal; 230 | font-size: 30px; 231 | font-family: "Raleway"; 232 | } 233 | 234 | .gmaps { 235 | float: right; 236 | width: 100%; 237 | } 238 | 239 | .countdown{ 240 | width: auto; 241 | height: auto; 242 | background: rgb(230,232,189); 243 | background: linear-gradient(90deg, rgba(230,232,189,1) 0%, rgba(87,179,179,1) 51%, rgba(86,97,87,1) 97%); 244 | } 245 | .countdown p { 246 | text-align: center; 247 | } 248 | 249 | #Resepsi{ 250 | min-height: auto; 251 | width: 90%; 252 | border-radius:5px; 253 | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); 254 | overflow: auto; 255 | position: relative; 256 | left: 50%; 257 | transform: translate(-50%); 258 | 259 | } 260 | #Resepsi h2{ 261 | font-style: normal; 262 | font-size: 5rem; 263 | text-align: center; 264 | font-family: 'Great Vibes', cursive; 265 | color: #cc9900; 266 | outline: black; 267 | } 268 | 269 | #Resepsi p{ 270 | font-style: normal; 271 | font-family: "Raleway"; 272 | font-size: 3.5vh; 273 | } 274 | 275 | #Galery{ 276 | min-height: 500px; 277 | width: 90%; 278 | border-radius:5px; 279 | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); 280 | overflow: hidden; 281 | position: relative; 282 | background-image: url("img/floral5.svg"); 283 | background-size: cover; 284 | left: 50%; 285 | transform: translate(-50%); 286 | margin-bottom: 10px; 287 | } 288 | #Galery h2{ 289 | font-style: normal; 290 | font-size: 5rem; 291 | text-align: center; 292 | font-family: 'Great Vibes', cursive; 293 | color: #cc9900; 294 | outline: black; 295 | } 296 | 297 | .footer{ 298 | background: rgb(230,232,189); 299 | background: linear-gradient(90deg, rgba(230,232,189,1) 0%, rgba(220,241,241,1) 51%, rgba(86,97,87,1) 97%); 300 | width: 100%; 301 | min-height: 100px; 302 | font-family: "Raleway"; 303 | } 304 | .footer p { 305 | font-size: 16px; 306 | text-align: center; 307 | } 308 | 309 | .subfooter img{ 310 | position: relative; 311 | left: 50%; 312 | transform: translate(-50%); 313 | } 314 | 315 | .subfooter p{ 316 | font-size: 16px; 317 | text-align: center; 318 | } 319 | 320 | .hitCounter{ 321 | position: relative; 322 | left: 50%; 323 | transform: translate(-50%); 324 | } 325 | -------------------------------------------------------------------------------- /Web Wedding/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Wedding Pengantin Pria & Pengantin Wanita 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 68 | 69 | 80 | 81 | 92 | 93 |
94 |

95 |
96 | 97 |
98 |

About US


99 |
100 |

Putra Pertama
Bapak (ayah pengantin pria) & (Ibu pengantin Pria)

101 |

Pengantin Pria

&

102 |

Pengantin Wanita

103 |

Putri Pertama
Bapak (ayah pengantin wanita) & (Ibu pengantin wanita)

104 |
105 |

106 |
107 |

Akad Nikah


108 |
109 |

Ganti dengan Tanggal Akad
xx:xx - xx:xx WIB
Ganti dengan Alamat Akad

110 | Hitung mundur Menuju Ke Akad

111 | 112 |
113 |

114 | 144 |
145 | 146 |
147 | 148 | 149 |
150 | 151 | 152 | 154 | 155 |
156 |
157 | 158 |
159 |
160 | 161 |
162 |

Resepsi


163 |

Ganti Dengan Tanggal Resepsi
164 | XX:XX - XX:XX WIB
165 | Ganti Dengan Alamat Resepsi

166 | 167 | Petunjuk GPS

168 |

169 | 170 |
171 |
172 | 173 | 174 | 175 |
176 |

Galery


177 |
178 |
179 |
180 | 243 |
244 |
245 | 246 |
247 |
248 |
249 |