├── LESSON_10 الدرس ├── img1.jpg └── index.html ├── LESSON_11 الدرس └── index.html ├── LESSON_12 الدرس └── index.html ├── LESSON_13 الدرس └── index.html ├── LESSON_14 الدرس └── index.html ├── LESSON_15 الدرس ├── index.html └── logo.png ├── LESSON_16 الدرس └── index.html ├── LESSON_17 الدرس └── index.html ├── LESSON_18 الدرس └── index.html ├── LESSON_19 الدرس └── index.html ├── LESSON_20 الدرس └── index.html ├── LESSON_21 الدرس └── index.html ├── LESSON_22 الدرس └── index.html ├── LESSON_23 الدرس ├── index.html └── logo.png ├── LESSON_24 الدرس └── Bootstrap Pagination.txt ├── LESSON_25 الدرس └── index.html ├── LESSON_26 الدرس ├── img1.jpg └── index.html ├── LESSON_27 الدرس └── index.html ├── LESSON_28 - 36 الدرس └── bootsrap_codershiyar │ ├── contact.html │ ├── css │ └── style.css │ ├── img │ ├── img1.jpeg │ ├── img2.png │ ├── img3.png │ └── logo.jpg │ ├── index.html │ ├── js │ ├── javascript.js │ └── jquery.js │ ├── login.html │ └── register.html ├── LESSON_3 الدرس └── index.html ├── LESSON_4 الدرس ├── img1.jpg └── index.html ├── LESSON_5 الدرس └── index.html ├── LESSON_6 الدرس └── index.html ├── LESSON_7 الدرس └── index.html ├── LESSON_8 الدرس └── index.html ├── LESSON_9 الدرس └── index.html ├── Lesson 1 - الدرس └── links.txt ├── Lesson 2 - الدرس ├── bootstrap.js ├── index.html ├── links.txt └── style.css ├── app_restaurant ├── img │ ├── arabic_food.jpg │ ├── arabic_food2.jpg │ ├── arabic_food3.jpg │ ├── kurdish_food.jpg │ ├── kurdish_food2.jpg │ ├── kurdish_food3.jpg │ └── logo.png └── index.html └── gift ├── BootStrap ├── Template_Codes1 Coder Shiyar │ ├── img │ │ ├── facebook.png │ │ ├── logo.jpg │ │ ├── map.png │ │ ├── shiyar.jpg │ │ ├── twitter.png │ │ └── youtube.png │ ├── index.html │ └── style.css ├── Template_Codes2 │ ├── css │ │ ├── style.comp.css │ │ ├── style.css │ │ └── style.prefix.css │ ├── img │ │ ├── SVG │ │ │ ├── aircraft-take-off.svg │ │ │ ├── bookmark.svg │ │ │ ├── chat.svg │ │ │ ├── chevron-thin-right.svg │ │ │ ├── home.svg │ │ │ ├── key.svg │ │ │ ├── location-pin.svg │ │ │ ├── magnifying-glass.svg │ │ │ ├── map.svg │ │ │ └── star.svg │ │ ├── back.jpg │ │ ├── chevron-thin-right.svg │ │ ├── favicon.png │ │ ├── gal-1.jpeg │ │ ├── gal-10.jpeg │ │ ├── gal-11.jpeg │ │ ├── gal-12.jpeg │ │ ├── gal-13.jpeg │ │ ├── gal-14.jpeg │ │ ├── gal-2.jpeg │ │ ├── gal-3.jpeg │ │ ├── gal-4.jpeg │ │ ├── gal-5.jpeg │ │ ├── gal-6.jpeg │ │ ├── gal-7.jpeg │ │ ├── gal-8.jpeg │ │ ├── gal-9.jpeg │ │ ├── hero.jpeg │ │ ├── hotel-1.jpg │ │ ├── hotel-2.jpg │ │ ├── hotel-3.jpg │ │ ├── house-1.jpeg │ │ ├── house-2.jpeg │ │ ├── house-3.jpeg │ │ ├── house-4.jpeg │ │ ├── house-5.jpeg │ │ ├── house-6.jpeg │ │ ├── logo-bbc.png │ │ ├── logo-bi.png │ │ ├── logo-forbes.png │ │ ├── logo-techcrunch.png │ │ ├── logo.png │ │ ├── realtor-1.jpeg │ │ ├── realtor-2.jpeg │ │ ├── realtor-3.jpeg │ │ ├── sprite.svg │ │ ├── story-1.jpeg │ │ ├── story-2.jpeg │ │ ├── text.txt │ │ ├── user-1.jpg │ │ ├── user-2.jpg │ │ ├── user-3.jpg │ │ ├── user-4.jpg │ │ ├── user-5.jpg │ │ ├── user-6.jpg │ │ └── user.jpg │ ├── index.html │ ├── package.json │ └── sass │ │ ├── _base.scss │ │ ├── _components.scss │ │ ├── _features.scss │ │ ├── _footer.scss │ │ ├── _gallery.scss │ │ ├── _header.scss │ │ ├── _homes.scss │ │ ├── _layout.scss │ │ ├── _realtors.scss │ │ ├── _sidebar.scss │ │ ├── _story.scss │ │ ├── _typography.scss │ │ └── main.scss ├── Template_Codes3 │ ├── css │ │ ├── fonts │ │ │ ├── linea-basic-10.eot │ │ │ ├── linea-basic-10.svg │ │ │ ├── linea-basic-10.ttf │ │ │ └── linea-basic-10.woff │ │ ├── icon-font.css │ │ ├── style.comp.css │ │ ├── style.concat.css │ │ ├── style.css │ │ └── style.prefix.css │ ├── img │ │ ├── favicon.png │ │ ├── hero-small.jpg │ │ ├── hero.jpg │ │ ├── logo-green-1x.png │ │ ├── logo-green-2x.png │ │ ├── logo-green-small-1x.png │ │ ├── logo-green-small-2x.png │ │ ├── logo-white.png │ │ ├── nat-1-large.jpg │ │ ├── nat-1.jpg │ │ ├── nat-10.jpg │ │ ├── nat-2-large.jpg │ │ ├── nat-2.jpg │ │ ├── nat-3-large.jpg │ │ ├── nat-3.jpg │ │ ├── nat-4.jpg │ │ ├── nat-5.jpg │ │ ├── nat-6.jpg │ │ ├── nat-7.jpg │ │ ├── nat-8.jpg │ │ ├── nat-9.jpg │ │ ├── video.mp4 │ │ └── video.webm │ ├── index.html │ ├── package.json │ └── sass │ │ ├── abstracts │ │ ├── _functions.scss │ │ ├── _mixins.scss │ │ └── _variables.scss │ │ ├── base │ │ ├── _animations.scss │ │ ├── _base.scss │ │ ├── _typography.scss │ │ └── _utilities.scss │ │ ├── components │ │ ├── _bg-video.scss │ │ ├── _button.scss │ │ ├── _card.scss │ │ ├── _composition.scss │ │ ├── _feature-box.scss │ │ ├── _form.scss │ │ ├── _popup.scss │ │ └── _story.scss │ │ ├── layout │ │ ├── _footer.scss │ │ ├── _grid.scss │ │ ├── _header.scss │ │ └── _navigation.scss │ │ ├── main.scss │ │ └── pages │ │ └── _home.scss ├── Template_Codes4 │ ├── css │ │ ├── style.comp.css │ │ ├── style.css │ │ └── style.prefix.css │ ├── img │ │ ├── favicon.png │ │ ├── logo.png │ │ ├── sprite.svg │ │ └── text.txt │ ├── index.html │ ├── package.json │ └── sass │ │ ├── _base.scss │ │ └── main.scss └── WebApp_Restaurant │ ├── img │ ├── arabic_food.jpg │ ├── arabic_food2.jpg │ ├── arabic_food3.jpg │ ├── kurdish_food.jpg │ ├── kurdish_food2.jpg │ ├── kurdish_food3.jpg │ └── logo.png │ └── index.html ├── CSS ├── Template_Codes1 Coder Shiyar │ ├── img │ │ ├── facebook.png │ │ ├── logo.jpg │ │ ├── map.png │ │ ├── shiyar.jpg │ │ ├── twitter.png │ │ └── youtube.png │ ├── index.html │ └── style.css ├── Template_Codes2 │ ├── css │ │ ├── style.comp.css │ │ ├── style.css │ │ └── style.prefix.css │ ├── img │ │ ├── SVG │ │ │ ├── aircraft-take-off.svg │ │ │ ├── bookmark.svg │ │ │ ├── chat.svg │ │ │ ├── chevron-thin-right.svg │ │ │ ├── home.svg │ │ │ ├── key.svg │ │ │ ├── location-pin.svg │ │ │ ├── magnifying-glass.svg │ │ │ ├── map.svg │ │ │ └── star.svg │ │ ├── back.jpg │ │ ├── chevron-thin-right.svg │ │ ├── favicon.png │ │ ├── gal-1.jpeg │ │ ├── gal-10.jpeg │ │ ├── gal-11.jpeg │ │ ├── gal-12.jpeg │ │ ├── gal-13.jpeg │ │ ├── gal-14.jpeg │ │ ├── gal-2.jpeg │ │ ├── gal-3.jpeg │ │ ├── gal-4.jpeg │ │ ├── gal-5.jpeg │ │ ├── gal-6.jpeg │ │ ├── gal-7.jpeg │ │ ├── gal-8.jpeg │ │ ├── gal-9.jpeg │ │ ├── hero.jpeg │ │ ├── hotel-1.jpg │ │ ├── hotel-2.jpg │ │ ├── hotel-3.jpg │ │ ├── house-1.jpeg │ │ ├── house-2.jpeg │ │ ├── house-3.jpeg │ │ ├── house-4.jpeg │ │ ├── house-5.jpeg │ │ ├── house-6.jpeg │ │ ├── logo-bbc.png │ │ ├── logo-bi.png │ │ ├── logo-forbes.png │ │ ├── logo-techcrunch.png │ │ ├── logo.png │ │ ├── realtor-1.jpeg │ │ ├── realtor-2.jpeg │ │ ├── realtor-3.jpeg │ │ ├── sprite.svg │ │ ├── story-1.jpeg │ │ ├── story-2.jpeg │ │ ├── text.txt │ │ ├── user-1.jpg │ │ ├── user-2.jpg │ │ ├── user-3.jpg │ │ ├── user-4.jpg │ │ ├── user-5.jpg │ │ ├── user-6.jpg │ │ └── user.jpg │ ├── index.html │ ├── package.json │ └── sass │ │ ├── _base.scss │ │ ├── _components.scss │ │ ├── _features.scss │ │ ├── _footer.scss │ │ ├── _gallery.scss │ │ ├── _header.scss │ │ ├── _homes.scss │ │ ├── _layout.scss │ │ ├── _realtors.scss │ │ ├── _sidebar.scss │ │ ├── _story.scss │ │ ├── _typography.scss │ │ └── main.scss ├── Template_Codes3 │ ├── css │ │ ├── fonts │ │ │ ├── linea-basic-10.eot │ │ │ ├── linea-basic-10.svg │ │ │ ├── linea-basic-10.ttf │ │ │ └── linea-basic-10.woff │ │ ├── icon-font.css │ │ ├── style.comp.css │ │ ├── style.concat.css │ │ ├── style.css │ │ └── style.prefix.css │ ├── img │ │ ├── favicon.png │ │ ├── hero-small.jpg │ │ ├── hero.jpg │ │ ├── logo-green-1x.png │ │ ├── logo-green-2x.png │ │ ├── logo-green-small-1x.png │ │ ├── logo-green-small-2x.png │ │ ├── logo-white.png │ │ ├── nat-1-large.jpg │ │ ├── nat-1.jpg │ │ ├── nat-10.jpg │ │ ├── nat-2-large.jpg │ │ ├── nat-2.jpg │ │ ├── nat-3-large.jpg │ │ ├── nat-3.jpg │ │ ├── nat-4.jpg │ │ ├── nat-5.jpg │ │ ├── nat-6.jpg │ │ ├── nat-7.jpg │ │ ├── nat-8.jpg │ │ ├── nat-9.jpg │ │ ├── video.mp4 │ │ └── video.webm │ ├── index.html │ ├── package.json │ └── sass │ │ ├── abstracts │ │ ├── _functions.scss │ │ ├── _mixins.scss │ │ └── _variables.scss │ │ ├── base │ │ ├── _animations.scss │ │ ├── _base.scss │ │ ├── _typography.scss │ │ └── _utilities.scss │ │ ├── components │ │ ├── _bg-video.scss │ │ ├── _button.scss │ │ ├── _card.scss │ │ ├── _composition.scss │ │ ├── _feature-box.scss │ │ ├── _form.scss │ │ ├── _popup.scss │ │ └── _story.scss │ │ ├── layout │ │ ├── _footer.scss │ │ ├── _grid.scss │ │ ├── _header.scss │ │ └── _navigation.scss │ │ ├── main.scss │ │ └── pages │ │ └── _home.scss └── Template_Codes4 │ ├── css │ ├── style.comp.css │ ├── style.css │ └── style.prefix.css │ ├── img │ ├── favicon.png │ ├── logo.png │ ├── sprite.svg │ └── text.txt │ ├── index.html │ ├── package.json │ └── sass │ ├── _base.scss │ └── main.scss ├── Java ├── Shiyar │ ├── .gitignore │ ├── .idea │ │ ├── .name │ │ ├── codeStyles │ │ │ └── Project.xml │ │ ├── gradle.xml │ │ ├── misc.xml │ │ └── runConfigurations.xml │ ├── app │ │ ├── .gitignore │ │ ├── build.gradle │ │ ├── proguard-rules.pro │ │ ├── release │ │ │ └── app-release.aab │ │ └── src │ │ │ ├── androidTest │ │ │ └── java │ │ │ │ └── com │ │ │ │ └── shiyar │ │ │ │ └── ExampleInstrumentedTest.java │ │ │ ├── main │ │ │ ├── AndroidManifest.xml │ │ │ ├── ic_launcher-web.png │ │ │ ├── java │ │ │ │ └── com │ │ │ │ │ └── shiyar │ │ │ │ │ └── App.java │ │ │ └── res │ │ │ │ ├── drawable-v24 │ │ │ │ └── ic_launcher_foreground.xml │ │ │ │ ├── drawable │ │ │ │ ├── facebook.png │ │ │ │ ├── googleplay.png │ │ │ │ ├── ic_code.xml │ │ │ │ ├── ic_coding.xml │ │ │ │ ├── ic_contact.xml │ │ │ │ ├── ic_kurdish_tv.xml │ │ │ │ ├── ic_launcher_background.xml │ │ │ │ ├── ic_mail.xml │ │ │ │ ├── ic_school.xml │ │ │ │ ├── ic_soccer.xml │ │ │ │ ├── ic_youtube.xml │ │ │ │ ├── internet.png │ │ │ │ ├── kurdish_tv.xml │ │ │ │ ├── school.xml │ │ │ │ ├── side_nav_bar.xml │ │ │ │ ├── sport.xml │ │ │ │ └── tv.xml │ │ │ │ ├── layout │ │ │ │ ├── activity_app.xml │ │ │ │ └── header.xml │ │ │ │ ├── menu │ │ │ │ └── activity_app_drawer.xml │ │ │ │ ├── mipmap-anydpi-v26 │ │ │ │ ├── ic_launcher.xml │ │ │ │ └── ic_launcher_round.xml │ │ │ │ ├── mipmap-hdpi │ │ │ │ ├── ic_launcher.png │ │ │ │ ├── ic_launcher_foreground.png │ │ │ │ └── ic_launcher_round.png │ │ │ │ ├── mipmap-mdpi │ │ │ │ ├── ic_launcher.png │ │ │ │ ├── ic_launcher_foreground.png │ │ │ │ └── ic_launcher_round.png │ │ │ │ ├── mipmap-xhdpi │ │ │ │ ├── ic_launcher.png │ │ │ │ ├── ic_launcher_foreground.png │ │ │ │ └── ic_launcher_round.png │ │ │ │ ├── mipmap-xxhdpi │ │ │ │ ├── ic_launcher.png │ │ │ │ ├── ic_launcher_foreground.png │ │ │ │ └── ic_launcher_round.png │ │ │ │ ├── mipmap-xxxhdpi │ │ │ │ ├── ic_launcher.png │ │ │ │ ├── ic_launcher_foreground.png │ │ │ │ └── ic_launcher_round.png │ │ │ │ ├── values-v21 │ │ │ │ └── styles.xml │ │ │ │ └── values │ │ │ │ ├── colors.xml │ │ │ │ ├── dimens.xml │ │ │ │ ├── drawables.xml │ │ │ │ ├── ic_launcher_background.xml │ │ │ │ ├── strings.xml │ │ │ │ └── styles.xml │ │ │ └── test │ │ │ └── java │ │ │ └── com │ │ │ └── shiyar │ │ │ └── ExampleUnitTest.java │ ├── build.gradle │ ├── gradle.properties │ ├── gradle │ │ └── wrapper │ │ │ ├── gradle-wrapper.jar │ │ │ └── gradle-wrapper.properties │ ├── gradlew │ ├── gradlew.bat │ ├── settings.gradle │ └── shiyarKey.jks └── افتح هذا ملف.txt └── JavaScript ├── Editor_WebApp ├── index.html ├── script.js └── style.css ├── Music_radio_WebApp ├── audio │ └── music.mp3 ├── audio_player.html ├── css │ ├── article.css │ ├── audio_player.css │ ├── header_nav.css │ └── resize.js ├── img │ ├── back.png │ ├── logo.jpg │ ├── logo1.jpg │ ├── next.png │ ├── pause.png │ └── play.png └── scripts │ ├── colors.js │ ├── player_buttons.js │ ├── player_buttons.txt │ ├── resize.js │ ├── speedVolume.js │ └── volume.js ├── Template_Codes1 Coder Shiyar ├── img │ ├── facebook.png │ ├── logo.jpg │ ├── map.png │ ├── shiyar.jpg │ ├── twitter.png │ └── youtube.png ├── index.html └── style.css ├── Time_WebApp ├── time.css ├── time.html └── time.js └── WebApp_Restaurant ├── img ├── arabic_food.jpg ├── arabic_food2.jpg ├── arabic_food3.jpg ├── kurdish_food.jpg ├── kurdish_food2.jpg ├── kurdish_food3.jpg └── logo.png └── index.html /LESSON_10 الدرس/img1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/LESSON_10 الدرس/img1.jpg -------------------------------------------------------------------------------- /LESSON_11 الدرس/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Coder Shiyar 5 | 6 | 7 | 8 | 9 | 10 | 11 | 16 | 17 | -------------------------------------------------------------------------------- /LESSON_13 الدرس/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Coder Shiyar 5 | 6 | 7 | 8 | 13 | 14 | 15 | 16 | 18 | 19 |
20 | 21 | 22 |

Coder Shiyar

23 |

Coder Shiyar

24 |

Coder Shiyar

25 |
26 | 27 | 28 | 29 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /LESSON_14 الدرس/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Coder Shiyar 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | Coder Shiyar 13 |
14 | 15 |
16 | Coder Shiyar 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /LESSON_15 الدرس/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Coder Shiyar 5 | 6 | 7 | 8 | 9 | 10 | 11 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /LESSON_15 الدرس/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/LESSON_15 الدرس/logo.png -------------------------------------------------------------------------------- /LESSON_16 الدرس/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Coder Shiyar 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 15 |
16 |

Coder Shiyar

17 |
18 | 19 | 21 |
22 |

Coder Shiyar

23 |
24 | 25 | 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /LESSON_17 الدرس/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Coder Shiyar 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 |
15 | HTML 16 | CSS 17 | JAVASCRIPT 18 |
19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /LESSON_18 الدرس/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Coder Shiyar 5 | 6 | 7 | 8 | 9 | 10 | 11 | 13 |
14 | "Coder Shiyar offers the best tutorials to 15 | 16 |
17 | 18 |

19 | AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZzAaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZzAaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZzAaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 20 |

21 | Coder Shiyar website 22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /LESSON_19 الدرس/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Coder Shiyar 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Coder Shiyar 2020 13 | 14 | Primary 15 | Secondary 16 | Success 17 | Danger 18 | Warning 19 | Info 20 | Light 21 | Dark 22 | 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /LESSON_22 الدرس/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Coder Shiyar 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /LESSON_23 الدرس/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Coder Shiyar 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 32 | 33 | 34 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /LESSON_23 الدرس/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/LESSON_23 الدرس/logo.png -------------------------------------------------------------------------------- /LESSON_24 الدرس/Bootstrap Pagination.txt: -------------------------------------------------------------------------------- 1 | https://getbootstrap.com/docs/4.5/components/pagination/ -------------------------------------------------------------------------------- /LESSON_26 الدرس/img1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/LESSON_26 الدرس/img1.jpg -------------------------------------------------------------------------------- /LESSON_27 الدرس/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Coder Shiyar 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 15 | 16 | 19 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /LESSON_28 - 36 الدرس/bootsrap_codershiyar/img/img1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/LESSON_28 - 36 الدرس/bootsrap_codershiyar/img/img1.jpeg -------------------------------------------------------------------------------- /LESSON_28 - 36 الدرس/bootsrap_codershiyar/img/img2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/LESSON_28 - 36 الدرس/bootsrap_codershiyar/img/img2.png -------------------------------------------------------------------------------- /LESSON_28 - 36 الدرس/bootsrap_codershiyar/img/img3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/LESSON_28 - 36 الدرس/bootsrap_codershiyar/img/img3.png -------------------------------------------------------------------------------- /LESSON_28 - 36 الدرس/bootsrap_codershiyar/img/logo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/LESSON_28 - 36 الدرس/bootsrap_codershiyar/img/logo.jpg -------------------------------------------------------------------------------- /LESSON_3 الدرس/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Coder Shiyar 5 | 6 | 7 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 43 | 44 |
45 | Coder Shiyar 46 |
47 | 48 |
49 | A simple primary alert—check it out! 50 | 51 |
52 | 53 |
54 | test 55 |
56 | 57 | -------------------------------------------------------------------------------- /LESSON_4 الدرس/img1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/LESSON_4 الدرس/img1.jpg -------------------------------------------------------------------------------- /LESSON_4 الدرس/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Coder Shiyar 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /LESSON_5 الدرس/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Coder Shiyar 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /LESSON_6 الدرس/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Coder Shiyar 5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /LESSON_7 الدرس/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Coder Shiyar 5 | 6 | 7 | 8 | 9 | 10 | 11 | 13 | 14 |
Coder Shiyar
15 |
Coder Shiyar
16 |
Coder Shiyar
17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /LESSON_8 الدرس/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Coder Shiyar 5 | 6 | 7 | 8 | 9 | 10 | 11 | 13 |

14 | Coder Shiyar 15 |

16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /LESSON_9 الدرس/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Coder Shiyar 5 | 6 | 7 | 8 | 9 | 10 |
11 |

Coder Shiyar

12 |
13 | 14 |
15 |

Coder Shiyar

16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /Lesson 1 - الدرس/links.txt: -------------------------------------------------------------------------------- 1 | Bootstrap : 2 | https://getbootstrap.com/ 3 | 4 | Visual Studio Code : 5 | https://code.visualstudio.com/#alt-downloads 6 | 7 | Shiyar Editor: 8 | http://shiyarjemo.com/editor/ 9 | 10 | Coder Shiyar WebSite: 11 | https://codershiyar.com/ -------------------------------------------------------------------------------- /Lesson 2 - الدرس/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Coder Shiyar 7 | 8 | 9 | 10 | 11 | 12 | 13 | 16 | 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /Lesson 2 - الدرس/links.txt: -------------------------------------------------------------------------------- 1 | Bootstrap : 2 | https://getbootstrap.com/ 3 | 4 | Bootstrap 5: 5 | 6 | Bootstrap CSS files: 7 | 8 | 9 | Bootstrap JavaScript files: 10 | 11 | 12 | 13 | Visual Studio Code : 14 | https://code.visualstudio.com/#alt-downloads 15 | 16 | Shiyar Editor: 17 | http://shiyarjemo.com/editor/ 18 | 19 | Coder Shiyar WebSite: 20 | https://codershiyar.com/ -------------------------------------------------------------------------------- /app_restaurant/img/arabic_food.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/app_restaurant/img/arabic_food.jpg -------------------------------------------------------------------------------- /app_restaurant/img/arabic_food2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/app_restaurant/img/arabic_food2.jpg -------------------------------------------------------------------------------- /app_restaurant/img/arabic_food3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/app_restaurant/img/arabic_food3.jpg -------------------------------------------------------------------------------- /app_restaurant/img/kurdish_food.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/app_restaurant/img/kurdish_food.jpg -------------------------------------------------------------------------------- /app_restaurant/img/kurdish_food2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/app_restaurant/img/kurdish_food2.jpg -------------------------------------------------------------------------------- /app_restaurant/img/kurdish_food3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/app_restaurant/img/kurdish_food3.jpg -------------------------------------------------------------------------------- /app_restaurant/img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/app_restaurant/img/logo.png -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes1 Coder Shiyar/img/facebook.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes1 Coder Shiyar/img/facebook.png -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes1 Coder Shiyar/img/logo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes1 Coder Shiyar/img/logo.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes1 Coder Shiyar/img/map.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes1 Coder Shiyar/img/map.png -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes1 Coder Shiyar/img/shiyar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes1 Coder Shiyar/img/shiyar.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes1 Coder Shiyar/img/twitter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes1 Coder Shiyar/img/twitter.png -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes1 Coder Shiyar/img/youtube.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes1 Coder Shiyar/img/youtube.png -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/SVG/aircraft-take-off.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | aircraft-take-off 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/SVG/bookmark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | bookmark 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/SVG/chat.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | chat 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/SVG/chevron-thin-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | chevron-thin-right 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/SVG/home.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | home 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/SVG/key.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | key 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/SVG/location-pin.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | location-pin 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/SVG/magnifying-glass.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | magnifying-glass 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/SVG/map.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | map 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/SVG/star.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | star 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/back.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/back.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/chevron-thin-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/favicon.png -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/gal-1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/gal-1.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/gal-10.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/gal-10.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/gal-11.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/gal-11.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/gal-12.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/gal-12.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/gal-13.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/gal-13.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/gal-14.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/gal-14.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/gal-2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/gal-2.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/gal-3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/gal-3.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/gal-4.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/gal-4.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/gal-5.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/gal-5.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/gal-6.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/gal-6.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/gal-7.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/gal-7.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/gal-8.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/gal-8.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/gal-9.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/gal-9.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/hero.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/hero.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/hotel-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/hotel-1.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/hotel-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/hotel-2.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/hotel-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/hotel-3.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/house-1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/house-1.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/house-2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/house-2.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/house-3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/house-3.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/house-4.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/house-4.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/house-5.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/house-5.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/house-6.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/house-6.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/logo-bbc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/logo-bbc.png -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/logo-bi.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/logo-bi.png -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/logo-forbes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/logo-forbes.png -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/logo-techcrunch.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/logo-techcrunch.png -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/logo.png -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/realtor-1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/realtor-1.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/realtor-2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/realtor-2.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/realtor-3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/realtor-3.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/story-1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/story-1.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/story-2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/story-2.jpeg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/text.txt: -------------------------------------------------------------------------------- 1 | DESCRIPTION TEXT 2 | 3 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi nisi dignissimos debitis ratione sapiente saepe. Accusantium cumque, quas, ut corporis incidunt deserunt quae architecto voluptate. 4 | 5 | Accusantium cumque, quas, ut corporis incidunt deserunt quae architecto voluptate delectus, inventore iure aliquid aliquam. 6 | 7 | 8 | 9 | REVIEW 1 10 | 11 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga doloremque architecto dicta animi, totam, itaque officia ex. 12 | 13 | 14 | 15 | REVIEW 2 16 | 17 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga doloremque architecto dicta animi. -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/user-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/user-1.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/user-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/user-2.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/user-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/user-3.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/user-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/user-4.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/user-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/user-5.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/user-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/user-6.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/img/user.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes2/img/user.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Trillo", 3 | "version": "1.0.0", 4 | "description": "trillo app", 5 | "main": "index.js", 6 | "scripts": { 7 | "watch:sass": "node-sass sass/main.scss css/style.css -w", 8 | "devserver": "live-server", 9 | "start": "npm-run-all --parallel devserver watch:sass", 10 | 11 | "compile:sass": "node-sass sass/main.scss css/style.comp.css", 12 | "prefix:css": "postcss --use autoprefixer -b 'last 10 versions' css/style.comp.css -o css/style.prefix.css", 13 | "compress:css": "node-sass css/style.prefix.css css/style.css --output-style compressed", 14 | "build:css": "npm-run-all compile:sass prefix:css compress:css" 15 | }, 16 | "author": "Jonas", 17 | "license": "ISC", 18 | "devDependencies": { 19 | "autoprefixer": "^7.1.4", 20 | "concat": "^1.0.3", 21 | "node-sass": "^4.5.3", 22 | "npm-run-all": "^4.1.1", 23 | "postcss-cli": "^4.1.1" 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/sass/_base.scss: -------------------------------------------------------------------------------- 1 | :root { 2 | --color-primary: #eb2f64; 3 | --color-primary-light: #FF3366; 4 | --color-primary-dark: #BA265D; 5 | 6 | --color-grey-light-1: #faf9f9; 7 | --color-grey-light-2: #f4f2f2; 8 | --color-grey-light-3: #f0eeee; 9 | --color-grey-light-4: #ccc; 10 | 11 | --color-grey-dark-1: #333; 12 | --color-grey-dark-2: #777; 13 | --color-grey-dark-3: #999; 14 | 15 | --shadow-dark: 0 2rem 6rem rgba(0,0,0,.3); 16 | --shadow-light: 0 2rem 5rem rgba(0,0,0,.06); 17 | 18 | --line: 1px solid var(--color-grey-light-2); 19 | } 20 | 21 | $bp-largest: 75em; // 1200px 22 | $bp-large: 68.75em; // 1100px 23 | $bp-medium: 56.25em; // 900px 24 | $bp-small: 37.5em; // 600px 25 | $bp-smallest: 31.25em; // 500px 26 | 27 | * { 28 | margin: 0; 29 | padding: 0; 30 | } 31 | 32 | *, 33 | *::before, 34 | *::after { 35 | box-sizing: inherit; 36 | } 37 | 38 | html { 39 | box-sizing: border-box; 40 | font-size: 62.5%; // 1rem = 10px, 10px/16px = 62.5% 41 | 42 | @media only screen and (max-width: $bp-large) { 43 | font-size: 50%; 44 | } 45 | } 46 | 47 | body { 48 | font-family: 'Open Sans', sans-serif; 49 | font-weight: 400; 50 | line-height: 1.6; 51 | color: var(--color-grey-dark-2); 52 | background-image: linear-gradient(to right bottom, var(--color-primary-light), var(--color-primary-dark)); 53 | background-size: cover; 54 | background-repeat: no-repeat; 55 | 56 | min-height: 100vh; 57 | } -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/sass/_features.scss: -------------------------------------------------------------------------------- 1 | .features { 2 | grid-column: center-start / center-end; 3 | 4 | margin: 15rem 0; 5 | 6 | @supports(display: grid) { 7 | display: grid; 8 | //grid-template-columns: repeat(3, 1fr); 9 | grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr)); 10 | grid-gap: 6rem; 11 | align-items: start; 12 | } 13 | } 14 | 15 | 16 | .feature { 17 | 18 | float: left; 19 | width: 33.3333%; 20 | margin-bottom: 6rem; 21 | 22 | @supports(display: grid) { 23 | width: auto; 24 | margin-bottom: 0; 25 | } 26 | 27 | display: grid; 28 | grid-template-columns: min-content 1fr; 29 | grid-row-gap: 1.5rem; 30 | grid-column-gap: 2.5rem; 31 | 32 | &__icon { 33 | fill: $color-primary; 34 | width: 4.5rem; 35 | height: 4.5rem; 36 | grid-row: 1 / span 2; 37 | transform: translateY(-1rem); 38 | } 39 | 40 | &__text { 41 | font-size: 1.7rem; 42 | } 43 | } -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/sass/_footer.scss: -------------------------------------------------------------------------------- 1 | .footer { 2 | background-color: $color-secondary; 3 | grid-column: full-start / full-end; 4 | padding: 8rem; 5 | } 6 | 7 | .nav { 8 | list-style: none; 9 | 10 | display: grid; 11 | grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); 12 | grid-gap: 2rem; 13 | align-items: center; 14 | 15 | &__link:link, 16 | &__link:visited { 17 | font-size: 1.4rem; 18 | color: #fff; 19 | text-decoration: none; 20 | font-family: $font-display; 21 | text-transform: uppercase; 22 | text-align: center; 23 | padding: 1.5rem; 24 | display: block; 25 | transition: all .2s; 26 | } 27 | 28 | &__link:hover, 29 | &__link:active { 30 | background-color: rgba(#fff, .05); 31 | transform: translateY(-3px); 32 | } 33 | } 34 | 35 | .copyright { 36 | font-size: 1.4rem; 37 | color: $color-grey-light-2; 38 | margin-top: 6rem; 39 | margin-right: auto; 40 | margin-left: auto; 41 | text-align: center; 42 | width: 70%; 43 | } -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/sass/_header.scss: -------------------------------------------------------------------------------- 1 | .header { 2 | background-color: $color-grey-dark-1; 3 | grid-column: full-start / col-end 6; 4 | background-image: linear-gradient(rgba($color-secondary, .93), rgba($color-secondary, .93)), url(../img/hero.jpeg); 5 | background-size: cover; 6 | background-position: center; 7 | padding: 8rem; 8 | padding-top: 4rem; 9 | 10 | display: grid; 11 | grid-template-rows: 1fr min-content minmax(6rem, min-content) 1fr; 12 | grid-template-columns: minmax(min-content, max-content); 13 | grid-row-gap: 1.5rem; 14 | justify-content: center; 15 | 16 | @media only screen and (max-width: $bp-medium) { 17 | grid-column: 1 / -1; 18 | } 19 | 20 | @media only screen and (max-width: $bp-small) { 21 | padding: 5rem; 22 | } 23 | 24 | &__logo { 25 | height: 3rem; 26 | justify-self: center; 27 | } 28 | 29 | &__btn { 30 | align-self: start; 31 | justify-self: start; 32 | } 33 | 34 | &__seenon-text { 35 | display: grid; 36 | grid-template-columns: 1fr max-content 1fr; 37 | grid-column-gap: 1.5rem; 38 | align-items: center; 39 | 40 | font-size: 1.6rem; 41 | color: $color-grey-light-2; 42 | 43 | &::before, 44 | &::after { 45 | content: ""; 46 | height: 1px; 47 | display: block; 48 | background-color: currentColor; 49 | } 50 | } 51 | 52 | &__seenon-logos { 53 | display: grid; 54 | grid-template-columns: repeat(4, 1fr); 55 | grid-column-gap: 3rem; 56 | justify-items: center; 57 | align-items: center; 58 | 59 | img { 60 | max-height: 2.5rem; 61 | max-width: 100%; 62 | filter: brightness(70%); 63 | } 64 | } 65 | } -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/sass/_homes.scss: -------------------------------------------------------------------------------- 1 | .homes { 2 | grid-column: center-start / center-end; 3 | margin: 15rem 0; 4 | 5 | display: grid; 6 | grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr)); 7 | grid-gap: 7rem; 8 | } 9 | 10 | .home { 11 | background-color: $color-grey-light-1; 12 | 13 | display: grid; 14 | grid-template-columns: repeat(2, 1fr); 15 | grid-row-gap: 3.5rem; 16 | 17 | &__img { 18 | width: 100%; 19 | grid-row: 1 / 2; 20 | grid-column: 1 / -1; 21 | z-index: 1; 22 | } 23 | 24 | &__like { 25 | grid-row: 1 / 2; 26 | grid-column: 2 / 3; 27 | fill: $color-primary; 28 | height: 2.5rem; 29 | width: 2.5rem; 30 | z-index: 2; 31 | justify-self: end; 32 | margin: 1rem; 33 | } 34 | 35 | &__name { 36 | grid-row: 1 / 2; 37 | grid-column: 1 / -1; 38 | justify-self: center; 39 | align-self: end; 40 | z-index: 3; 41 | 42 | width: 80%; 43 | font-family: $font-display; 44 | font-size: 1.6rem; 45 | text-align: center; 46 | padding: 1.25rem; 47 | background-color: $color-secondary; 48 | color: #fff; 49 | font-weight: 400; 50 | transform: translateY(50%); 51 | } 52 | 53 | &__location, 54 | &__rooms { 55 | margin-top: 2.5rem; 56 | } 57 | 58 | &__location, 59 | &__rooms, 60 | &__area, 61 | &__price { 62 | 63 | font-size: 1.5rem; 64 | margin-left: 2rem; 65 | 66 | display: flex; 67 | align-items: center; 68 | 69 | svg { 70 | fill: $color-primary; 71 | height: 2rem; 72 | width: 2rem; 73 | margin-right: 1rem; 74 | } 75 | } 76 | 77 | &__btn { 78 | grid-column: 1 / -1; 79 | } 80 | } -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/sass/_realtors.scss: -------------------------------------------------------------------------------- 1 | .realtors { 2 | background-color: $color-secondary; 3 | grid-column: col-start 7 / full-end; 4 | padding: 3rem; 5 | 6 | display: grid; 7 | align-content: center; 8 | justify-content: center; 9 | justify-items: center; 10 | grid-row-gap: 2rem; 11 | 12 | @media only screen and (max-width: $bp-medium) { 13 | grid-column: 1 / -1; 14 | } 15 | 16 | &__list { 17 | display: grid; 18 | grid-template-columns: min-content max-content; 19 | grid-column-gap: 2rem; 20 | grid-row-gap: 5vh; 21 | align-items: center; 22 | 23 | @media only screen and (max-width: $bp-medium) { 24 | grid-template-columns: repeat(3, min-content max-content); 25 | } 26 | 27 | @media only screen and (max-width: $bp-small) { 28 | grid-template-columns: min-content max-content; 29 | } 30 | } 31 | 32 | &__img { 33 | width: 7rem; 34 | border-radius: 50%; 35 | display: block; 36 | } 37 | 38 | &__sold { 39 | text-transform: uppercase; 40 | color: $color-grey-light-2; 41 | margin-top: -3px; 42 | } 43 | } -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/sass/_sidebar.scss: -------------------------------------------------------------------------------- 1 | .sidebar { 2 | background-color: $color-primary; 3 | grid-column: sidebar-start / sidebar-end; 4 | grid-row: 1 / -1; 5 | 6 | display: flex; 7 | justify-content: center; 8 | 9 | @media only screen and (max-width: $bp-large) { 10 | grid-column: 1 / -1; 11 | grid-row: 1 / 2; 12 | justify-content: flex-end; 13 | align-items: center; 14 | } 15 | } 16 | 17 | .nav-btn { 18 | border: none; 19 | border-radius: 0; 20 | 21 | background-color: #fff; 22 | height: 2px; 23 | width: 4.5rem; 24 | margin-top: 4rem; 25 | 26 | &::before, 27 | &::after { 28 | background-color: #fff; 29 | height: 2px; 30 | width: 4.5rem; 31 | content: ""; 32 | display: block; 33 | } 34 | 35 | &::before { transform: translateY(-1.5rem); } 36 | &::after { transform: translateY(1.3rem); } 37 | 38 | @media only screen and (max-width: $bp-large) { 39 | margin-top: 0; 40 | margin-right: 3rem; 41 | 42 | &::before { transform: translateY(-1.2rem); } 43 | &::after { transform: translateY(1rem); } 44 | } 45 | } -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/sass/_story.scss: -------------------------------------------------------------------------------- 1 | .story { 2 | &__pictures { 3 | background-color: $color-primary; 4 | grid-column: full-start / col-end 4; 5 | background-image: linear-gradient(rgba($color-primary, .5), rgba($color-primary, .5)), url(../img/back.jpg); 6 | background-size: cover; 7 | 8 | display: grid; 9 | grid-template-rows: repeat(6, 1fr); 10 | grid-template-columns: repeat(6, 1fr); 11 | align-items: center; 12 | 13 | @media only screen and (max-width: $bp-medium) { 14 | grid-column: 1 / -1; 15 | padding: 6rem; 16 | } 17 | } 18 | 19 | &__img--1 { 20 | width: 100%; 21 | grid-row: 2 / 6; 22 | grid-column: 2 / 6; 23 | box-shadow: 0 2rem 5rem rgba(#000, .1); 24 | 25 | @media only screen and (max-width: $bp-medium) { 26 | grid-column: 1 / 5; 27 | grid-row: 1 / -1; 28 | } 29 | } 30 | 31 | &__img--2 { 32 | width: 115%; 33 | grid-row: 4 / 6; 34 | grid-column: 4 / 7; 35 | z-index: 20; 36 | box-shadow: 0 2rem 5rem rgba(#000, .2); 37 | 38 | @media only screen and (max-width: $bp-medium) { 39 | grid-row: 1 / -1; 40 | width: 100%; 41 | } 42 | } 43 | 44 | &__content { 45 | background-color: $color-grey-light-1; 46 | grid-column: col-start 5 / full-end; 47 | 48 | padding: 6rem 8vw; 49 | 50 | /* 51 | display: flex; 52 | flex-direction: column; 53 | justify-content: center; 54 | align-items: flex-start; 55 | */ 56 | 57 | display: grid; 58 | align-content: center; 59 | justify-items: start; 60 | 61 | @media only screen and (max-width: $bp-medium) { 62 | grid-column: 1 / -1; 63 | grid-row: 5 / 6; 64 | } 65 | } 66 | 67 | &__text { 68 | font-size: 1.5rem; 69 | font-style: italic; 70 | margin-bottom: 4rem; 71 | } 72 | } -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/sass/_typography.scss: -------------------------------------------------------------------------------- 1 | %heading { 2 | font-family: $font-display; 3 | font-weight: 400; 4 | } 5 | 6 | .heading-1 { 7 | @extend %heading; 8 | font-size: 4.5rem; 9 | color: $color-grey-light-1; 10 | line-height: 1; 11 | } 12 | 13 | .heading-2 { 14 | @extend %heading; 15 | font-size: 4rem; 16 | font-style: italic; 17 | line-height: 1; 18 | 19 | &--light { color: $color-grey-light-1; } 20 | &--dark { color: $color-grey-dark-1; } 21 | } 22 | 23 | .heading-3 { 24 | @extend %heading; 25 | font-size: 1.6rem; 26 | color: $color-primary; 27 | text-transform: uppercase; 28 | } 29 | 30 | .heading-4 { 31 | @extend %heading; 32 | font-size: 1.9rem; 33 | 34 | &--light { color: $color-grey-light-1; } 35 | &--dark { color: $color-grey-dark-1; } 36 | } 37 | 38 | .btn { 39 | background-color: $color-primary; 40 | color: #fff; 41 | border: none; 42 | border-radius: 0; 43 | font-family: $font-display; 44 | font-size: 1.5rem; 45 | text-transform: uppercase; 46 | padding: 1.8rem 3rem; 47 | cursor: pointer; 48 | transition: all .2s; 49 | 50 | &:hover { 51 | background-color: $color-primary-dark; 52 | } 53 | } 54 | 55 | .mb-sm { margin-bottom: 2rem; } 56 | .mb-md { margin-bottom: 3rem; } 57 | .mb-lg { margin-bottom: 4rem; } 58 | .mb-hg { margin-bottom: 8rem; } -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes2/sass/main.scss: -------------------------------------------------------------------------------- 1 | @import "base"; 2 | @import "layout"; 3 | @import "components"; -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/css/fonts/linea-basic-10.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/css/fonts/linea-basic-10.eot -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/css/fonts/linea-basic-10.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/css/fonts/linea-basic-10.ttf -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/css/fonts/linea-basic-10.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/css/fonts/linea-basic-10.woff -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/img/favicon.png -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/img/hero-small.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/img/hero-small.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/img/hero.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/img/hero.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/img/logo-green-1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/img/logo-green-1x.png -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/img/logo-green-2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/img/logo-green-2x.png -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/img/logo-green-small-1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/img/logo-green-small-1x.png -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/img/logo-green-small-2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/img/logo-green-small-2x.png -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/img/logo-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/img/logo-white.png -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/img/nat-1-large.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/img/nat-1-large.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/img/nat-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/img/nat-1.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/img/nat-10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/img/nat-10.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/img/nat-2-large.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/img/nat-2-large.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/img/nat-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/img/nat-2.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/img/nat-3-large.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/img/nat-3-large.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/img/nat-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/img/nat-3.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/img/nat-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/img/nat-4.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/img/nat-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/img/nat-5.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/img/nat-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/img/nat-6.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/img/nat-7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/img/nat-7.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/img/nat-8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/img/nat-8.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/img/nat-9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/img/nat-9.jpg -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/img/video.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/img/video.mp4 -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/img/video.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/img/video.webm -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "natours", 3 | "version": "1.0.0", 4 | "description": "Landing page for natours", 5 | "main": "index.js", 6 | "scripts": { 7 | "watch:sass": "node-sass sass/main.scss css/style.css -w", 8 | "devserver": "live-server", 9 | "start": "npm-run-all --parallel devserver watch:sass", 10 | 11 | "compile:sass": "node-sass sass/main.scss css/style.comp.css", 12 | "concat:css": "concat -o css/style.concat.css css/icon-font.css css/style.comp.css", 13 | "prefix:css": "postcss --use autoprefixer -b 'last 10 versions' css/style.concat.css -o css/style.prefix.css", 14 | "compress:css": "node-sass css/style.prefix.css css/style.css --output-style compressed", 15 | "build:css": "npm-run-all compile:sass concat:css prefix:css compress:css" 16 | }, 17 | "author": "Jonas", 18 | "license": "ISC", 19 | "devDependencies": { 20 | "autoprefixer": "^7.1.4", 21 | "concat": "^1.0.3", 22 | "node-sass": "^4.5.3", 23 | "npm-run-all": "^4.1.1", 24 | "postcss-cli": "^4.1.1" 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/sass/abstracts/_functions.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes3/sass/abstracts/_functions.scss -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/sass/abstracts/_mixins.scss: -------------------------------------------------------------------------------- 1 | @mixin clearfix { 2 | &::after { 3 | content: ""; 4 | display: table; 5 | clear: both; 6 | } 7 | } 8 | 9 | @mixin absCenter { 10 | position: absolute; 11 | top: 50%; 12 | left: 50%; 13 | transform: translate(-50%, -50%); 14 | } 15 | 16 | 17 | // MEDIA QUERY MANAGER 18 | /* 19 | 0 - 600px: Phone 20 | 600 - 900px: Tablet portrait 21 | 900 - 1200px: Tablet landscape 22 | [1200 - 1800] is where our normal styles apply 23 | 1800px + : Big desktop 24 | 25 | $breakpoint arguement choices: 26 | - phone 27 | - tab-port 28 | - tab-land 29 | - big-desktop 30 | 31 | ORDER: Base + typography > general layout + grid > page layout > components 32 | 33 | 1em = 16px 34 | */ 35 | @mixin respond($breakpoint) { 36 | @if $breakpoint == phone { 37 | @media only screen and (max-width: 37.5em) { @content }; //600px 38 | } 39 | @if $breakpoint == tab-port { 40 | @media only screen and (max-width: 56.25em) { @content }; //900px 41 | } 42 | @if $breakpoint == tab-land { 43 | @media only screen and (max-width: 75em) { @content }; //1200px 44 | } 45 | @if $breakpoint == big-desktop { 46 | @media only screen and (min-width: 112.5em) { @content }; //1800 47 | } 48 | } 49 | 50 | -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/sass/abstracts/_variables.scss: -------------------------------------------------------------------------------- 1 | // COLORS 2 | $color-primary: #55c57a; 3 | $color-primary-light: #7ed56f; 4 | $color-primary-dark: #28b485; 5 | 6 | $color-secondary-light: #ffb900; 7 | $color-secondary-dark: #ff7730; 8 | 9 | $color-tertiary-light: #2998ff; 10 | $color-tertiary-dark: #5643fa; 11 | 12 | $color-grey-light-1: #f7f7f7; 13 | $color-grey-light-2: #eee; 14 | 15 | $color-grey-dark: #777; 16 | $color-grey-dark-2: #999; 17 | $color-grey-dark-3: #333; 18 | 19 | $color-white: #fff; 20 | $color-black: #000; 21 | 22 | 23 | // FONT 24 | $default-font-size: 1.6rem; 25 | 26 | 27 | // GRID 28 | $grid-width: 114rem; 29 | $gutter-vertical: 8rem; 30 | $gutter-vertical-small: 6rem; 31 | $gutter-horizontal: 6rem; -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/sass/base/_animations.scss: -------------------------------------------------------------------------------- 1 | @keyframes moveInLeft { 2 | 0% { 3 | opacity: 0; 4 | transform: translateX(-10rem); 5 | } 6 | 7 | 80% { 8 | transform: translateX(1rem); 9 | } 10 | 11 | 100% { 12 | opacity: 1; 13 | transform: translate(0); 14 | } 15 | } 16 | 17 | @keyframes moveInRight { 18 | 0% { 19 | opacity: 0; 20 | transform: translateX(10rem); 21 | } 22 | 23 | 80% { 24 | transform: translateX(-1rem); 25 | } 26 | 27 | 100% { 28 | opacity: 1; 29 | transform: translate(0); 30 | } 31 | } 32 | 33 | @keyframes moveInBottom { 34 | 0% { 35 | opacity: 0; 36 | transform: translateY(3rem); 37 | } 38 | 39 | 100% { 40 | opacity: 1; 41 | transform: translate(0); 42 | } 43 | } -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/sass/base/_base.scss: -------------------------------------------------------------------------------- 1 | *, 2 | *::after, 3 | *::before { 4 | margin: 0; 5 | padding: 0; 6 | box-sizing: inherit; 7 | } 8 | 9 | html { 10 | // This defines what 1rem is 11 | font-size: 62.5%; //1 rem = 10px; 10px/16px = 62.5% 12 | 13 | @include respond(tab-land) { // width < 1200? 14 | font-size: 56.25%; //1 rem = 9px, 9/16 = 50% 15 | } 16 | 17 | @include respond(tab-port) { // width < 900? 18 | font-size: 50%; //1 rem = 8px, 8/16 = 50% 19 | } 20 | 21 | @include respond(big-desktop) { 22 | font-size: 75%; //1rem = 12, 12/16 23 | } 24 | } 25 | 26 | body { 27 | box-sizing: border-box; 28 | padding: 3rem; 29 | 30 | @include respond(tab-port) { 31 | padding: 0; 32 | } 33 | } 34 | 35 | ::selection { 36 | background-color: $color-primary; 37 | color: $color-white; 38 | } -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/sass/base/_utilities.scss: -------------------------------------------------------------------------------- 1 | .u-center-text { text-align: center !important; } 2 | 3 | .u-margin-bottom-small { margin-bottom: 1.5rem !important; } 4 | .u-margin-bottom-medium { 5 | margin-bottom: 4rem !important; 6 | 7 | @include respond(tab-port) { 8 | margin-bottom: 3rem !important; 9 | } 10 | } 11 | 12 | .u-margin-bottom-big { 13 | margin-bottom: 8rem !important; 14 | 15 | @include respond(tab-port) { 16 | margin-bottom: 5rem !important; 17 | } 18 | } 19 | 20 | .u-margin-top-big { margin-top: 8rem !important; } 21 | .u-margin-top-huge { margin-top: 10rem !important; } -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/sass/components/_bg-video.scss: -------------------------------------------------------------------------------- 1 | .bg-video { 2 | position: absolute; 3 | top: 0; 4 | left: 0; 5 | height: 100%; 6 | width: 100%; 7 | z-index: -1; 8 | opacity: .15; 9 | overflow: hidden; 10 | 11 | &__content { 12 | height: 100%; 13 | width: 100%; 14 | object-fit: cover; 15 | } 16 | } -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/sass/components/_composition.scss: -------------------------------------------------------------------------------- 1 | .composition { 2 | position: relative; 3 | 4 | &__photo { 5 | width: 55%; 6 | box-shadow: 0 1.5rem 4rem rgba($color-black, .4); 7 | border-radius: 2px; 8 | position: absolute; 9 | z-index: 10; 10 | transition: all .2s; 11 | outline-offset: 2rem; 12 | 13 | @include respond(tab-port) { 14 | float: left; 15 | position: relative; 16 | width: 33.33333333%; 17 | box-shadow: 0 1.5rem 3rem rgba($color-black, .2); 18 | } 19 | 20 | &--p1 { 21 | left: 0; 22 | top: -2rem; 23 | 24 | @include respond(tab-port) { 25 | top: 0; 26 | transform: scale(1.2); 27 | } 28 | } 29 | 30 | &--p2 { 31 | right: 0; 32 | top: 2rem; 33 | 34 | @include respond(tab-port) { 35 | top: -1rem; 36 | transform: scale(1.3); 37 | z-index: 100; 38 | } 39 | } 40 | 41 | &--p3 { 42 | left: 20%; 43 | top: 10rem; 44 | 45 | @include respond(tab-port) { 46 | top: 1rem; 47 | left: 0; 48 | transform: scale(1.1); 49 | } 50 | } 51 | 52 | &:hover { 53 | outline: 1.5rem solid $color-primary; 54 | transform: scale(1.05) translateY(-.5rem); 55 | box-shadow: 0 2.5rem 4rem rgba($color-black, .5); 56 | z-index: 20; 57 | } 58 | 59 | } 60 | 61 | &:hover &__photo:not(:hover) { 62 | transform: scale(.95); 63 | } 64 | //composition:hover composition__photo:not(:hover) { 65 | } -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/sass/components/_feature-box.scss: -------------------------------------------------------------------------------- 1 | .feature-box { 2 | background-color: rgba($color-white, .8); 3 | font-size: 1.5rem; 4 | padding: 2.5rem; 5 | text-align: center; 6 | border-radius: 3px; 7 | box-shadow: 0 1.5rem 4rem rgba($color-black, .15); 8 | transition: transform .3s; 9 | 10 | @include respond(tab-port) { 11 | padding: 2rem; 12 | } 13 | 14 | &__icon { 15 | font-size: 6rem; 16 | margin-bottom: .5rem; 17 | display: inline-block; 18 | background-image: linear-gradient(to right, $color-primary-light, $color-primary-dark); 19 | -webkit-background-clip: text; 20 | color: transparent; 21 | 22 | @include respond(tab-port) { 23 | margin-bottom: 0; 24 | } 25 | } 26 | 27 | &:hover { 28 | transform: translateY(-1.5rem) scale(1.03); 29 | } 30 | } -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/sass/layout/_footer.scss: -------------------------------------------------------------------------------- 1 | .footer { 2 | background-color: $color-grey-dark-3; 3 | padding: 10rem 0; 4 | font-size: 1.4rem; 5 | color: $color-grey-light-1; 6 | 7 | @include respond(tab-port) { 8 | padding: 8rem 0; 9 | } 10 | 11 | &__logo-box { 12 | text-align: center; 13 | margin-bottom: 8rem; 14 | 15 | @include respond(tab-port) { 16 | margin-bottom: 6rem; 17 | } 18 | } 19 | 20 | &__logo { 21 | width: 15rem; 22 | height: auto; 23 | } 24 | 25 | &__navigation { 26 | border-top: 1px solid $color-grey-dark; 27 | padding-top: 2rem; 28 | display: inline-block; 29 | 30 | @include respond(tab-port) { 31 | width: 100%; 32 | text-align: center; 33 | } 34 | } 35 | 36 | &__list { 37 | list-style: none; 38 | } 39 | 40 | &__item { 41 | display: inline-block; 42 | 43 | &:not(:last-child) { 44 | margin-right: 1.5rem; 45 | } 46 | } 47 | 48 | &__link { 49 | &:link, 50 | &:visited { 51 | color: $color-grey-light-1; 52 | background-color: $color-grey-dark-3; 53 | text-decoration: none; 54 | text-transform: uppercase; 55 | display: inline-block; 56 | transition: all .2s; 57 | } 58 | 59 | &:hover, 60 | &:active { 61 | color: $color-primary; 62 | box-shadow: 0 1rem 2rem rgba($color-black, .4); 63 | transform: rotate(5deg) scale(1.3); 64 | } 65 | } 66 | 67 | &__copyright { 68 | border-top: 1px solid $color-grey-dark; 69 | padding-top: 2rem; 70 | width: 80%; 71 | float: right; 72 | 73 | @include respond(tab-port) { 74 | width: 100%; 75 | float: none; 76 | } 77 | } 78 | } -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/sass/layout/_grid.scss: -------------------------------------------------------------------------------- 1 | .row { 2 | max-width: $grid-width; 3 | margin: 0 auto; 4 | 5 | &:not(:last-child) { 6 | margin-bottom: $gutter-vertical; 7 | 8 | @include respond(tab-port) { 9 | margin-bottom: $gutter-vertical-small; 10 | } 11 | } 12 | 13 | @include respond(tab-port) { 14 | max-width: 50rem; 15 | padding: 0 3rem; 16 | } 17 | 18 | @include clearfix; 19 | 20 | [class^="col-"] { 21 | float: left; 22 | 23 | &:not(:last-child) { 24 | margin-right: $gutter-horizontal; 25 | 26 | @include respond(tab-port) { 27 | margin-right: 0; 28 | margin-bottom: $gutter-vertical-small; 29 | } 30 | } 31 | 32 | @include respond(tab-port) { 33 | width: 100% !important; 34 | } 35 | } 36 | 37 | .col-1-of-2 { 38 | width: calc((100% - #{$gutter-horizontal}) / 2); 39 | 40 | } 41 | 42 | .col-1-of-3 { 43 | width: calc((100% - 2 * #{$gutter-horizontal}) / 3); 44 | } 45 | 46 | .col-2-of-3 { 47 | width: calc(2 * ((100% - 2 * #{$gutter-horizontal}) / 3) + #{$gutter-horizontal}); 48 | } 49 | 50 | .col-1-of-4 { 51 | width: calc((100% - 3 * #{$gutter-horizontal}) / 4); 52 | } 53 | 54 | .col-2-of-4 { 55 | width: calc(2 * ((100% - 3 * #{$gutter-horizontal}) / 4) + #{$gutter-horizontal}); 56 | } 57 | 58 | .col-3-of-4 { 59 | width: calc(3 * ((100% - 3 * #{$gutter-horizontal}) / 4) + 2 * #{$gutter-horizontal}); 60 | } 61 | 62 | } 63 | -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/sass/layout/_header.scss: -------------------------------------------------------------------------------- 1 | .header { 2 | height: 85vh; 3 | background-image: linear-gradient( 4 | to right bottom, 5 | rgba($color-primary-light, 0.8), 6 | rgba($color-primary-dark, 0.8)), 7 | url(../img/hero-small.jpg); 8 | background-size: cover; 9 | background-position: top; 10 | position: relative; 11 | 12 | 13 | @supports (clip-path: polygon(0 0)) or (-webkit-clip-path: polygon(0 0)) { 14 | -webkit-clip-path: polygon(0 0, 100% 0, 100% 75vh, 0 100%); 15 | clip-path: polygon(0 0, 100% 0, 100% 75vh, 0 100%); 16 | height: 95vh; 17 | } 18 | 19 | @media only screen and (min-resolution: 192dpi) and (min-width: 37.5em), 20 | only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 37.5em), 21 | only screen and (min-width: 125em) { 22 | background-image: linear-gradient( 23 | to right bottom, 24 | rgba($color-primary-light, 0.8), 25 | rgba($color-primary-dark, 0.8)), 26 | url(../img/hero.jpg); 27 | } 28 | 29 | @include respond(phone) { 30 | -webkit-clip-path: polygon(0 0, 100% 0, 100% 85vh, 0 100%); 31 | clip-path: polygon(0 0, 100% 0, 100% 85vh, 0 100%); 32 | } 33 | 34 | &__logo-box { 35 | position: absolute; 36 | top: 4rem; 37 | left: 4rem; 38 | } 39 | 40 | &__logo { 41 | height: 3.5rem; 42 | } 43 | 44 | &__text-box { 45 | position: absolute; 46 | top: 40%; 47 | left: 50%; 48 | transform: translate(-50%, -50%); 49 | text-align: center; 50 | } 51 | } -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes3/sass/main.scss: -------------------------------------------------------------------------------- 1 | @import "abstracts/functions"; 2 | @import "abstracts/mixins"; 3 | @import "abstracts/variables"; 4 | 5 | @import "base/animations"; 6 | @import "base/base"; 7 | @import "base/typography"; 8 | @import "base/utilities"; 9 | 10 | @import "components/bg-video"; 11 | @import "components/button"; 12 | @import "components/card"; 13 | @import "components/composition"; 14 | @import "components/feature-box"; 15 | @import "components/form"; 16 | @import "components/popup"; 17 | @import "components/story"; 18 | 19 | @import "layout/footer"; 20 | @import "layout/grid"; 21 | @import "layout/header"; 22 | @import "layout/navigation"; 23 | 24 | @import "pages/home"; 25 | 26 | -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes4/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes4/img/favicon.png -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes4/img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/Template_Codes4/img/logo.png -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes4/img/text.txt: -------------------------------------------------------------------------------- 1 | --- Features 2 | 3 | Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tenetur distinctio necessitatibus pariatur voluptatibus. 4 | 5 | Voluptatum mollitia quae. Vero ipsum sapiente molestias accusamus rerum sed a eligendi aut quia. 6 | 7 | Tenetur distinctio necessitatibus pariatur voluptatibus quidem consequatur harum. 8 | 9 | Vero ipsum sapiente molestias accusamus rerum. Lorem, ipsum dolor sit amet consectetur adipisicing elit. 10 | 11 | Quidem consequatur harum, voluptatum mollitia quae. Tenetur distinctio necessitatibus pariatur voluptatibus. 12 | 13 | Pariatur voluptatibus quidem consequatur harum, voluptatum mollitia quae. 14 | 15 | 16 | --- Stories 17 | 18 | Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tenetur distinctio necessitatibus pariatur voluptatibus. Quidem consequatur harum volupta! -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes4/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Nexter", 3 | "version": "1.0.0", 4 | "description": "Nexter webpage", 5 | "main": "index.js", 6 | "scripts": { 7 | "watch:sass": "node-sass sass/main.scss css/style.css -w", 8 | "devserver": "live-server --browser=firefox", 9 | "start": "npm-run-all --parallel devserver watch:sass", 10 | 11 | "compile:sass": "node-sass sass/main.scss css/style.comp.css", 12 | "prefix:css": "postcss --use autoprefixer -b 'last 10 versions' css/style.comp.css -o css/style.prefix.css", 13 | "compress:css": "node-sass css/style.prefix.css css/style.css --output-style compressed", 14 | "build:css": "npm-run-all compile:sass prefix:css compress:css" 15 | }, 16 | "author": "Jonas", 17 | "license": "ISC", 18 | "devDependencies": { 19 | "autoprefixer": "^7.1.4", 20 | "concat": "^1.0.3", 21 | "node-sass": "^4.5.3", 22 | "npm-run-all": "^4.1.1", 23 | "postcss-cli": "^4.1.1" 24 | } 25 | } -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes4/sass/_base.scss: -------------------------------------------------------------------------------- 1 | // COLOR VARIABLES 2 | $color-primary: #c69963; 3 | $color-primary-dark: #B28451; 4 | 5 | $color-secondary: #101d2c; 6 | 7 | $color-grey-light-1: #f9f7f6; 8 | $color-grey-light-2: #aaa; 9 | 10 | $color-grey-dark-1: #54483A; 11 | $color-grey-dark-2: #6D5D4B; 12 | 13 | // FONT VARIABLES 14 | $font-primary: 'Nunito', sans-serif; 15 | $font-display: 'Josefin Sans', sans-serif; 16 | 17 | // RESPONSIVE BREAKPOINTS 18 | $bp-largest: 75em; // 1200px 19 | $bp-large: 62.5em; // 1000px 20 | $bp-medium: 50em; // 800px; 21 | $bp-small: 37.5em; // 600px; 22 | 23 | *, 24 | *::before, 25 | *::after { 26 | margin: 0; 27 | padding: 0; 28 | box-sizing: inherit; 29 | } 30 | 31 | html { 32 | box-sizing: border-box; 33 | font-size: 62.5%; // 10px/16px = 62.5% -> 1rem = 10px 34 | 35 | @media only screen and (max-width: $bp-largest) { 36 | font-size: 50%; 37 | } 38 | } 39 | 40 | body { 41 | font-family: $font-primary; 42 | color: $color-grey-dark-2; 43 | font-weight: 300; 44 | line-height: 1.6; 45 | } 46 | 47 | .container { 48 | display: grid; 49 | grid-template-rows: 80vh min-content 40vw repeat(3, min-content); 50 | grid-template-columns: [sidebar-start] 8rem [sidebar-end full-start] minmax(6rem, 1fr) [center-start] repeat(8, [col-start] minmax(min-content, 14rem) [col-end]) [center-end] minmax(6rem, 1fr) [full-end]; 51 | 52 | @media only screen and (max-width: $bp-large) { 53 | grid-template-rows: 6rem 80vh min-content 40vw repeat(3, min-content); 54 | grid-template-columns: [full-start] minmax(6rem, 1fr) [center-start] repeat(8, [col-start] minmax(min-content, 14rem) [col-end]) [center-end] minmax(6rem, 1fr) [full-end]; 55 | } 56 | 57 | @media only screen and (max-width: $bp-medium) { 58 | grid-template-rows: 6rem calc(100vh - 6rem); 59 | } 60 | } -------------------------------------------------------------------------------- /gift/BootStrap/Template_Codes4/sass/main.scss: -------------------------------------------------------------------------------- 1 | @import "base"; 2 | @import "typography"; 3 | 4 | @import "sidebar"; 5 | @import "header"; 6 | @import "realtors"; 7 | @import "features"; 8 | @import "story"; 9 | @import "homes"; 10 | @import "gallery"; 11 | @import "footer"; -------------------------------------------------------------------------------- /gift/BootStrap/WebApp_Restaurant/img/arabic_food.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/WebApp_Restaurant/img/arabic_food.jpg -------------------------------------------------------------------------------- /gift/BootStrap/WebApp_Restaurant/img/arabic_food2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/WebApp_Restaurant/img/arabic_food2.jpg -------------------------------------------------------------------------------- /gift/BootStrap/WebApp_Restaurant/img/arabic_food3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/WebApp_Restaurant/img/arabic_food3.jpg -------------------------------------------------------------------------------- /gift/BootStrap/WebApp_Restaurant/img/kurdish_food.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/WebApp_Restaurant/img/kurdish_food.jpg -------------------------------------------------------------------------------- /gift/BootStrap/WebApp_Restaurant/img/kurdish_food2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/WebApp_Restaurant/img/kurdish_food2.jpg -------------------------------------------------------------------------------- /gift/BootStrap/WebApp_Restaurant/img/kurdish_food3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/WebApp_Restaurant/img/kurdish_food3.jpg -------------------------------------------------------------------------------- /gift/BootStrap/WebApp_Restaurant/img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/BootStrap/WebApp_Restaurant/img/logo.png -------------------------------------------------------------------------------- /gift/CSS/Template_Codes1 Coder Shiyar/img/facebook.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes1 Coder Shiyar/img/facebook.png -------------------------------------------------------------------------------- /gift/CSS/Template_Codes1 Coder Shiyar/img/logo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes1 Coder Shiyar/img/logo.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes1 Coder Shiyar/img/map.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes1 Coder Shiyar/img/map.png -------------------------------------------------------------------------------- /gift/CSS/Template_Codes1 Coder Shiyar/img/shiyar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes1 Coder Shiyar/img/shiyar.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes1 Coder Shiyar/img/twitter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes1 Coder Shiyar/img/twitter.png -------------------------------------------------------------------------------- /gift/CSS/Template_Codes1 Coder Shiyar/img/youtube.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes1 Coder Shiyar/img/youtube.png -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/SVG/aircraft-take-off.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | aircraft-take-off 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/SVG/bookmark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | bookmark 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/SVG/chat.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | chat 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/SVG/chevron-thin-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | chevron-thin-right 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/SVG/home.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | home 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/SVG/key.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | key 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/SVG/location-pin.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | location-pin 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/SVG/magnifying-glass.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | magnifying-glass 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/SVG/map.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | map 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/SVG/star.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | star 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/back.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/back.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/chevron-thin-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/favicon.png -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/gal-1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/gal-1.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/gal-10.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/gal-10.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/gal-11.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/gal-11.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/gal-12.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/gal-12.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/gal-13.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/gal-13.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/gal-14.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/gal-14.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/gal-2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/gal-2.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/gal-3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/gal-3.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/gal-4.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/gal-4.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/gal-5.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/gal-5.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/gal-6.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/gal-6.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/gal-7.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/gal-7.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/gal-8.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/gal-8.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/gal-9.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/gal-9.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/hero.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/hero.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/hotel-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/hotel-1.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/hotel-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/hotel-2.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/hotel-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/hotel-3.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/house-1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/house-1.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/house-2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/house-2.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/house-3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/house-3.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/house-4.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/house-4.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/house-5.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/house-5.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/house-6.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/house-6.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/logo-bbc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/logo-bbc.png -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/logo-bi.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/logo-bi.png -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/logo-forbes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/logo-forbes.png -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/logo-techcrunch.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/logo-techcrunch.png -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/logo.png -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/realtor-1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/realtor-1.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/realtor-2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/realtor-2.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/realtor-3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/realtor-3.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/story-1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/story-1.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/story-2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/story-2.jpeg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/text.txt: -------------------------------------------------------------------------------- 1 | DESCRIPTION TEXT 2 | 3 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi nisi dignissimos debitis ratione sapiente saepe. Accusantium cumque, quas, ut corporis incidunt deserunt quae architecto voluptate. 4 | 5 | Accusantium cumque, quas, ut corporis incidunt deserunt quae architecto voluptate delectus, inventore iure aliquid aliquam. 6 | 7 | 8 | 9 | REVIEW 1 10 | 11 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga doloremque architecto dicta animi, totam, itaque officia ex. 12 | 13 | 14 | 15 | REVIEW 2 16 | 17 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga doloremque architecto dicta animi. -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/user-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/user-1.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/user-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/user-2.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/user-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/user-3.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/user-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/user-4.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/user-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/user-5.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/user-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/user-6.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/img/user.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes2/img/user.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Trillo", 3 | "version": "1.0.0", 4 | "description": "trillo app", 5 | "main": "index.js", 6 | "scripts": { 7 | "watch:sass": "node-sass sass/main.scss css/style.css -w", 8 | "devserver": "live-server", 9 | "start": "npm-run-all --parallel devserver watch:sass", 10 | 11 | "compile:sass": "node-sass sass/main.scss css/style.comp.css", 12 | "prefix:css": "postcss --use autoprefixer -b 'last 10 versions' css/style.comp.css -o css/style.prefix.css", 13 | "compress:css": "node-sass css/style.prefix.css css/style.css --output-style compressed", 14 | "build:css": "npm-run-all compile:sass prefix:css compress:css" 15 | }, 16 | "author": "Jonas", 17 | "license": "ISC", 18 | "devDependencies": { 19 | "autoprefixer": "^7.1.4", 20 | "concat": "^1.0.3", 21 | "node-sass": "^4.5.3", 22 | "npm-run-all": "^4.1.1", 23 | "postcss-cli": "^4.1.1" 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/sass/_base.scss: -------------------------------------------------------------------------------- 1 | :root { 2 | --color-primary: #eb2f64; 3 | --color-primary-light: #FF3366; 4 | --color-primary-dark: #BA265D; 5 | 6 | --color-grey-light-1: #faf9f9; 7 | --color-grey-light-2: #f4f2f2; 8 | --color-grey-light-3: #f0eeee; 9 | --color-grey-light-4: #ccc; 10 | 11 | --color-grey-dark-1: #333; 12 | --color-grey-dark-2: #777; 13 | --color-grey-dark-3: #999; 14 | 15 | --shadow-dark: 0 2rem 6rem rgba(0,0,0,.3); 16 | --shadow-light: 0 2rem 5rem rgba(0,0,0,.06); 17 | 18 | --line: 1px solid var(--color-grey-light-2); 19 | } 20 | 21 | $bp-largest: 75em; // 1200px 22 | $bp-large: 68.75em; // 1100px 23 | $bp-medium: 56.25em; // 900px 24 | $bp-small: 37.5em; // 600px 25 | $bp-smallest: 31.25em; // 500px 26 | 27 | * { 28 | margin: 0; 29 | padding: 0; 30 | } 31 | 32 | *, 33 | *::before, 34 | *::after { 35 | box-sizing: inherit; 36 | } 37 | 38 | html { 39 | box-sizing: border-box; 40 | font-size: 62.5%; // 1rem = 10px, 10px/16px = 62.5% 41 | 42 | @media only screen and (max-width: $bp-large) { 43 | font-size: 50%; 44 | } 45 | } 46 | 47 | body { 48 | font-family: 'Open Sans', sans-serif; 49 | font-weight: 400; 50 | line-height: 1.6; 51 | color: var(--color-grey-dark-2); 52 | background-image: linear-gradient(to right bottom, var(--color-primary-light), var(--color-primary-dark)); 53 | background-size: cover; 54 | background-repeat: no-repeat; 55 | 56 | min-height: 100vh; 57 | } -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/sass/_features.scss: -------------------------------------------------------------------------------- 1 | .features { 2 | grid-column: center-start / center-end; 3 | 4 | margin: 15rem 0; 5 | 6 | @supports(display: grid) { 7 | display: grid; 8 | //grid-template-columns: repeat(3, 1fr); 9 | grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr)); 10 | grid-gap: 6rem; 11 | align-items: start; 12 | } 13 | } 14 | 15 | 16 | .feature { 17 | 18 | float: left; 19 | width: 33.3333%; 20 | margin-bottom: 6rem; 21 | 22 | @supports(display: grid) { 23 | width: auto; 24 | margin-bottom: 0; 25 | } 26 | 27 | display: grid; 28 | grid-template-columns: min-content 1fr; 29 | grid-row-gap: 1.5rem; 30 | grid-column-gap: 2.5rem; 31 | 32 | &__icon { 33 | fill: $color-primary; 34 | width: 4.5rem; 35 | height: 4.5rem; 36 | grid-row: 1 / span 2; 37 | transform: translateY(-1rem); 38 | } 39 | 40 | &__text { 41 | font-size: 1.7rem; 42 | } 43 | } -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/sass/_footer.scss: -------------------------------------------------------------------------------- 1 | .footer { 2 | background-color: $color-secondary; 3 | grid-column: full-start / full-end; 4 | padding: 8rem; 5 | } 6 | 7 | .nav { 8 | list-style: none; 9 | 10 | display: grid; 11 | grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); 12 | grid-gap: 2rem; 13 | align-items: center; 14 | 15 | &__link:link, 16 | &__link:visited { 17 | font-size: 1.4rem; 18 | color: #fff; 19 | text-decoration: none; 20 | font-family: $font-display; 21 | text-transform: uppercase; 22 | text-align: center; 23 | padding: 1.5rem; 24 | display: block; 25 | transition: all .2s; 26 | } 27 | 28 | &__link:hover, 29 | &__link:active { 30 | background-color: rgba(#fff, .05); 31 | transform: translateY(-3px); 32 | } 33 | } 34 | 35 | .copyright { 36 | font-size: 1.4rem; 37 | color: $color-grey-light-2; 38 | margin-top: 6rem; 39 | margin-right: auto; 40 | margin-left: auto; 41 | text-align: center; 42 | width: 70%; 43 | } -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/sass/_header.scss: -------------------------------------------------------------------------------- 1 | .header { 2 | background-color: $color-grey-dark-1; 3 | grid-column: full-start / col-end 6; 4 | background-image: linear-gradient(rgba($color-secondary, .93), rgba($color-secondary, .93)), url(../img/hero.jpeg); 5 | background-size: cover; 6 | background-position: center; 7 | padding: 8rem; 8 | padding-top: 4rem; 9 | 10 | display: grid; 11 | grid-template-rows: 1fr min-content minmax(6rem, min-content) 1fr; 12 | grid-template-columns: minmax(min-content, max-content); 13 | grid-row-gap: 1.5rem; 14 | justify-content: center; 15 | 16 | @media only screen and (max-width: $bp-medium) { 17 | grid-column: 1 / -1; 18 | } 19 | 20 | @media only screen and (max-width: $bp-small) { 21 | padding: 5rem; 22 | } 23 | 24 | &__logo { 25 | height: 3rem; 26 | justify-self: center; 27 | } 28 | 29 | &__btn { 30 | align-self: start; 31 | justify-self: start; 32 | } 33 | 34 | &__seenon-text { 35 | display: grid; 36 | grid-template-columns: 1fr max-content 1fr; 37 | grid-column-gap: 1.5rem; 38 | align-items: center; 39 | 40 | font-size: 1.6rem; 41 | color: $color-grey-light-2; 42 | 43 | &::before, 44 | &::after { 45 | content: ""; 46 | height: 1px; 47 | display: block; 48 | background-color: currentColor; 49 | } 50 | } 51 | 52 | &__seenon-logos { 53 | display: grid; 54 | grid-template-columns: repeat(4, 1fr); 55 | grid-column-gap: 3rem; 56 | justify-items: center; 57 | align-items: center; 58 | 59 | img { 60 | max-height: 2.5rem; 61 | max-width: 100%; 62 | filter: brightness(70%); 63 | } 64 | } 65 | } -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/sass/_homes.scss: -------------------------------------------------------------------------------- 1 | .homes { 2 | grid-column: center-start / center-end; 3 | margin: 15rem 0; 4 | 5 | display: grid; 6 | grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr)); 7 | grid-gap: 7rem; 8 | } 9 | 10 | .home { 11 | background-color: $color-grey-light-1; 12 | 13 | display: grid; 14 | grid-template-columns: repeat(2, 1fr); 15 | grid-row-gap: 3.5rem; 16 | 17 | &__img { 18 | width: 100%; 19 | grid-row: 1 / 2; 20 | grid-column: 1 / -1; 21 | z-index: 1; 22 | } 23 | 24 | &__like { 25 | grid-row: 1 / 2; 26 | grid-column: 2 / 3; 27 | fill: $color-primary; 28 | height: 2.5rem; 29 | width: 2.5rem; 30 | z-index: 2; 31 | justify-self: end; 32 | margin: 1rem; 33 | } 34 | 35 | &__name { 36 | grid-row: 1 / 2; 37 | grid-column: 1 / -1; 38 | justify-self: center; 39 | align-self: end; 40 | z-index: 3; 41 | 42 | width: 80%; 43 | font-family: $font-display; 44 | font-size: 1.6rem; 45 | text-align: center; 46 | padding: 1.25rem; 47 | background-color: $color-secondary; 48 | color: #fff; 49 | font-weight: 400; 50 | transform: translateY(50%); 51 | } 52 | 53 | &__location, 54 | &__rooms { 55 | margin-top: 2.5rem; 56 | } 57 | 58 | &__location, 59 | &__rooms, 60 | &__area, 61 | &__price { 62 | 63 | font-size: 1.5rem; 64 | margin-left: 2rem; 65 | 66 | display: flex; 67 | align-items: center; 68 | 69 | svg { 70 | fill: $color-primary; 71 | height: 2rem; 72 | width: 2rem; 73 | margin-right: 1rem; 74 | } 75 | } 76 | 77 | &__btn { 78 | grid-column: 1 / -1; 79 | } 80 | } -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/sass/_realtors.scss: -------------------------------------------------------------------------------- 1 | .realtors { 2 | background-color: $color-secondary; 3 | grid-column: col-start 7 / full-end; 4 | padding: 3rem; 5 | 6 | display: grid; 7 | align-content: center; 8 | justify-content: center; 9 | justify-items: center; 10 | grid-row-gap: 2rem; 11 | 12 | @media only screen and (max-width: $bp-medium) { 13 | grid-column: 1 / -1; 14 | } 15 | 16 | &__list { 17 | display: grid; 18 | grid-template-columns: min-content max-content; 19 | grid-column-gap: 2rem; 20 | grid-row-gap: 5vh; 21 | align-items: center; 22 | 23 | @media only screen and (max-width: $bp-medium) { 24 | grid-template-columns: repeat(3, min-content max-content); 25 | } 26 | 27 | @media only screen and (max-width: $bp-small) { 28 | grid-template-columns: min-content max-content; 29 | } 30 | } 31 | 32 | &__img { 33 | width: 7rem; 34 | border-radius: 50%; 35 | display: block; 36 | } 37 | 38 | &__sold { 39 | text-transform: uppercase; 40 | color: $color-grey-light-2; 41 | margin-top: -3px; 42 | } 43 | } -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/sass/_sidebar.scss: -------------------------------------------------------------------------------- 1 | .sidebar { 2 | background-color: $color-primary; 3 | grid-column: sidebar-start / sidebar-end; 4 | grid-row: 1 / -1; 5 | 6 | display: flex; 7 | justify-content: center; 8 | 9 | @media only screen and (max-width: $bp-large) { 10 | grid-column: 1 / -1; 11 | grid-row: 1 / 2; 12 | justify-content: flex-end; 13 | align-items: center; 14 | } 15 | } 16 | 17 | .nav-btn { 18 | border: none; 19 | border-radius: 0; 20 | 21 | background-color: #fff; 22 | height: 2px; 23 | width: 4.5rem; 24 | margin-top: 4rem; 25 | 26 | &::before, 27 | &::after { 28 | background-color: #fff; 29 | height: 2px; 30 | width: 4.5rem; 31 | content: ""; 32 | display: block; 33 | } 34 | 35 | &::before { transform: translateY(-1.5rem); } 36 | &::after { transform: translateY(1.3rem); } 37 | 38 | @media only screen and (max-width: $bp-large) { 39 | margin-top: 0; 40 | margin-right: 3rem; 41 | 42 | &::before { transform: translateY(-1.2rem); } 43 | &::after { transform: translateY(1rem); } 44 | } 45 | } -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/sass/_story.scss: -------------------------------------------------------------------------------- 1 | .story { 2 | &__pictures { 3 | background-color: $color-primary; 4 | grid-column: full-start / col-end 4; 5 | background-image: linear-gradient(rgba($color-primary, .5), rgba($color-primary, .5)), url(../img/back.jpg); 6 | background-size: cover; 7 | 8 | display: grid; 9 | grid-template-rows: repeat(6, 1fr); 10 | grid-template-columns: repeat(6, 1fr); 11 | align-items: center; 12 | 13 | @media only screen and (max-width: $bp-medium) { 14 | grid-column: 1 / -1; 15 | padding: 6rem; 16 | } 17 | } 18 | 19 | &__img--1 { 20 | width: 100%; 21 | grid-row: 2 / 6; 22 | grid-column: 2 / 6; 23 | box-shadow: 0 2rem 5rem rgba(#000, .1); 24 | 25 | @media only screen and (max-width: $bp-medium) { 26 | grid-column: 1 / 5; 27 | grid-row: 1 / -1; 28 | } 29 | } 30 | 31 | &__img--2 { 32 | width: 115%; 33 | grid-row: 4 / 6; 34 | grid-column: 4 / 7; 35 | z-index: 20; 36 | box-shadow: 0 2rem 5rem rgba(#000, .2); 37 | 38 | @media only screen and (max-width: $bp-medium) { 39 | grid-row: 1 / -1; 40 | width: 100%; 41 | } 42 | } 43 | 44 | &__content { 45 | background-color: $color-grey-light-1; 46 | grid-column: col-start 5 / full-end; 47 | 48 | padding: 6rem 8vw; 49 | 50 | /* 51 | display: flex; 52 | flex-direction: column; 53 | justify-content: center; 54 | align-items: flex-start; 55 | */ 56 | 57 | display: grid; 58 | align-content: center; 59 | justify-items: start; 60 | 61 | @media only screen and (max-width: $bp-medium) { 62 | grid-column: 1 / -1; 63 | grid-row: 5 / 6; 64 | } 65 | } 66 | 67 | &__text { 68 | font-size: 1.5rem; 69 | font-style: italic; 70 | margin-bottom: 4rem; 71 | } 72 | } -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/sass/_typography.scss: -------------------------------------------------------------------------------- 1 | %heading { 2 | font-family: $font-display; 3 | font-weight: 400; 4 | } 5 | 6 | .heading-1 { 7 | @extend %heading; 8 | font-size: 4.5rem; 9 | color: $color-grey-light-1; 10 | line-height: 1; 11 | } 12 | 13 | .heading-2 { 14 | @extend %heading; 15 | font-size: 4rem; 16 | font-style: italic; 17 | line-height: 1; 18 | 19 | &--light { color: $color-grey-light-1; } 20 | &--dark { color: $color-grey-dark-1; } 21 | } 22 | 23 | .heading-3 { 24 | @extend %heading; 25 | font-size: 1.6rem; 26 | color: $color-primary; 27 | text-transform: uppercase; 28 | } 29 | 30 | .heading-4 { 31 | @extend %heading; 32 | font-size: 1.9rem; 33 | 34 | &--light { color: $color-grey-light-1; } 35 | &--dark { color: $color-grey-dark-1; } 36 | } 37 | 38 | .btn { 39 | background-color: $color-primary; 40 | color: #fff; 41 | border: none; 42 | border-radius: 0; 43 | font-family: $font-display; 44 | font-size: 1.5rem; 45 | text-transform: uppercase; 46 | padding: 1.8rem 3rem; 47 | cursor: pointer; 48 | transition: all .2s; 49 | 50 | &:hover { 51 | background-color: $color-primary-dark; 52 | } 53 | } 54 | 55 | .mb-sm { margin-bottom: 2rem; } 56 | .mb-md { margin-bottom: 3rem; } 57 | .mb-lg { margin-bottom: 4rem; } 58 | .mb-hg { margin-bottom: 8rem; } -------------------------------------------------------------------------------- /gift/CSS/Template_Codes2/sass/main.scss: -------------------------------------------------------------------------------- 1 | @import "base"; 2 | @import "layout"; 3 | @import "components"; -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/css/fonts/linea-basic-10.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/css/fonts/linea-basic-10.eot -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/css/fonts/linea-basic-10.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/css/fonts/linea-basic-10.ttf -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/css/fonts/linea-basic-10.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/css/fonts/linea-basic-10.woff -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/img/favicon.png -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/img/hero-small.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/img/hero-small.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/img/hero.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/img/hero.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/img/logo-green-1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/img/logo-green-1x.png -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/img/logo-green-2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/img/logo-green-2x.png -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/img/logo-green-small-1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/img/logo-green-small-1x.png -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/img/logo-green-small-2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/img/logo-green-small-2x.png -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/img/logo-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/img/logo-white.png -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/img/nat-1-large.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/img/nat-1-large.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/img/nat-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/img/nat-1.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/img/nat-10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/img/nat-10.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/img/nat-2-large.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/img/nat-2-large.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/img/nat-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/img/nat-2.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/img/nat-3-large.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/img/nat-3-large.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/img/nat-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/img/nat-3.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/img/nat-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/img/nat-4.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/img/nat-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/img/nat-5.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/img/nat-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/img/nat-6.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/img/nat-7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/img/nat-7.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/img/nat-8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/img/nat-8.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/img/nat-9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/img/nat-9.jpg -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/img/video.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/img/video.mp4 -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/img/video.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/img/video.webm -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "natours", 3 | "version": "1.0.0", 4 | "description": "Landing page for natours", 5 | "main": "index.js", 6 | "scripts": { 7 | "watch:sass": "node-sass sass/main.scss css/style.css -w", 8 | "devserver": "live-server", 9 | "start": "npm-run-all --parallel devserver watch:sass", 10 | 11 | "compile:sass": "node-sass sass/main.scss css/style.comp.css", 12 | "concat:css": "concat -o css/style.concat.css css/icon-font.css css/style.comp.css", 13 | "prefix:css": "postcss --use autoprefixer -b 'last 10 versions' css/style.concat.css -o css/style.prefix.css", 14 | "compress:css": "node-sass css/style.prefix.css css/style.css --output-style compressed", 15 | "build:css": "npm-run-all compile:sass concat:css prefix:css compress:css" 16 | }, 17 | "author": "Jonas", 18 | "license": "ISC", 19 | "devDependencies": { 20 | "autoprefixer": "^7.1.4", 21 | "concat": "^1.0.3", 22 | "node-sass": "^4.5.3", 23 | "npm-run-all": "^4.1.1", 24 | "postcss-cli": "^4.1.1" 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/sass/abstracts/_functions.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes3/sass/abstracts/_functions.scss -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/sass/abstracts/_mixins.scss: -------------------------------------------------------------------------------- 1 | @mixin clearfix { 2 | &::after { 3 | content: ""; 4 | display: table; 5 | clear: both; 6 | } 7 | } 8 | 9 | @mixin absCenter { 10 | position: absolute; 11 | top: 50%; 12 | left: 50%; 13 | transform: translate(-50%, -50%); 14 | } 15 | 16 | 17 | // MEDIA QUERY MANAGER 18 | /* 19 | 0 - 600px: Phone 20 | 600 - 900px: Tablet portrait 21 | 900 - 1200px: Tablet landscape 22 | [1200 - 1800] is where our normal styles apply 23 | 1800px + : Big desktop 24 | 25 | $breakpoint arguement choices: 26 | - phone 27 | - tab-port 28 | - tab-land 29 | - big-desktop 30 | 31 | ORDER: Base + typography > general layout + grid > page layout > components 32 | 33 | 1em = 16px 34 | */ 35 | @mixin respond($breakpoint) { 36 | @if $breakpoint == phone { 37 | @media only screen and (max-width: 37.5em) { @content }; //600px 38 | } 39 | @if $breakpoint == tab-port { 40 | @media only screen and (max-width: 56.25em) { @content }; //900px 41 | } 42 | @if $breakpoint == tab-land { 43 | @media only screen and (max-width: 75em) { @content }; //1200px 44 | } 45 | @if $breakpoint == big-desktop { 46 | @media only screen and (min-width: 112.5em) { @content }; //1800 47 | } 48 | } 49 | 50 | -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/sass/abstracts/_variables.scss: -------------------------------------------------------------------------------- 1 | // COLORS 2 | $color-primary: #55c57a; 3 | $color-primary-light: #7ed56f; 4 | $color-primary-dark: #28b485; 5 | 6 | $color-secondary-light: #ffb900; 7 | $color-secondary-dark: #ff7730; 8 | 9 | $color-tertiary-light: #2998ff; 10 | $color-tertiary-dark: #5643fa; 11 | 12 | $color-grey-light-1: #f7f7f7; 13 | $color-grey-light-2: #eee; 14 | 15 | $color-grey-dark: #777; 16 | $color-grey-dark-2: #999; 17 | $color-grey-dark-3: #333; 18 | 19 | $color-white: #fff; 20 | $color-black: #000; 21 | 22 | 23 | // FONT 24 | $default-font-size: 1.6rem; 25 | 26 | 27 | // GRID 28 | $grid-width: 114rem; 29 | $gutter-vertical: 8rem; 30 | $gutter-vertical-small: 6rem; 31 | $gutter-horizontal: 6rem; -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/sass/base/_animations.scss: -------------------------------------------------------------------------------- 1 | @keyframes moveInLeft { 2 | 0% { 3 | opacity: 0; 4 | transform: translateX(-10rem); 5 | } 6 | 7 | 80% { 8 | transform: translateX(1rem); 9 | } 10 | 11 | 100% { 12 | opacity: 1; 13 | transform: translate(0); 14 | } 15 | } 16 | 17 | @keyframes moveInRight { 18 | 0% { 19 | opacity: 0; 20 | transform: translateX(10rem); 21 | } 22 | 23 | 80% { 24 | transform: translateX(-1rem); 25 | } 26 | 27 | 100% { 28 | opacity: 1; 29 | transform: translate(0); 30 | } 31 | } 32 | 33 | @keyframes moveInBottom { 34 | 0% { 35 | opacity: 0; 36 | transform: translateY(3rem); 37 | } 38 | 39 | 100% { 40 | opacity: 1; 41 | transform: translate(0); 42 | } 43 | } -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/sass/base/_base.scss: -------------------------------------------------------------------------------- 1 | *, 2 | *::after, 3 | *::before { 4 | margin: 0; 5 | padding: 0; 6 | box-sizing: inherit; 7 | } 8 | 9 | html { 10 | // This defines what 1rem is 11 | font-size: 62.5%; //1 rem = 10px; 10px/16px = 62.5% 12 | 13 | @include respond(tab-land) { // width < 1200? 14 | font-size: 56.25%; //1 rem = 9px, 9/16 = 50% 15 | } 16 | 17 | @include respond(tab-port) { // width < 900? 18 | font-size: 50%; //1 rem = 8px, 8/16 = 50% 19 | } 20 | 21 | @include respond(big-desktop) { 22 | font-size: 75%; //1rem = 12, 12/16 23 | } 24 | } 25 | 26 | body { 27 | box-sizing: border-box; 28 | padding: 3rem; 29 | 30 | @include respond(tab-port) { 31 | padding: 0; 32 | } 33 | } 34 | 35 | ::selection { 36 | background-color: $color-primary; 37 | color: $color-white; 38 | } -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/sass/base/_utilities.scss: -------------------------------------------------------------------------------- 1 | .u-center-text { text-align: center !important; } 2 | 3 | .u-margin-bottom-small { margin-bottom: 1.5rem !important; } 4 | .u-margin-bottom-medium { 5 | margin-bottom: 4rem !important; 6 | 7 | @include respond(tab-port) { 8 | margin-bottom: 3rem !important; 9 | } 10 | } 11 | 12 | .u-margin-bottom-big { 13 | margin-bottom: 8rem !important; 14 | 15 | @include respond(tab-port) { 16 | margin-bottom: 5rem !important; 17 | } 18 | } 19 | 20 | .u-margin-top-big { margin-top: 8rem !important; } 21 | .u-margin-top-huge { margin-top: 10rem !important; } -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/sass/components/_bg-video.scss: -------------------------------------------------------------------------------- 1 | .bg-video { 2 | position: absolute; 3 | top: 0; 4 | left: 0; 5 | height: 100%; 6 | width: 100%; 7 | z-index: -1; 8 | opacity: .15; 9 | overflow: hidden; 10 | 11 | &__content { 12 | height: 100%; 13 | width: 100%; 14 | object-fit: cover; 15 | } 16 | } -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/sass/components/_composition.scss: -------------------------------------------------------------------------------- 1 | .composition { 2 | position: relative; 3 | 4 | &__photo { 5 | width: 55%; 6 | box-shadow: 0 1.5rem 4rem rgba($color-black, .4); 7 | border-radius: 2px; 8 | position: absolute; 9 | z-index: 10; 10 | transition: all .2s; 11 | outline-offset: 2rem; 12 | 13 | @include respond(tab-port) { 14 | float: left; 15 | position: relative; 16 | width: 33.33333333%; 17 | box-shadow: 0 1.5rem 3rem rgba($color-black, .2); 18 | } 19 | 20 | &--p1 { 21 | left: 0; 22 | top: -2rem; 23 | 24 | @include respond(tab-port) { 25 | top: 0; 26 | transform: scale(1.2); 27 | } 28 | } 29 | 30 | &--p2 { 31 | right: 0; 32 | top: 2rem; 33 | 34 | @include respond(tab-port) { 35 | top: -1rem; 36 | transform: scale(1.3); 37 | z-index: 100; 38 | } 39 | } 40 | 41 | &--p3 { 42 | left: 20%; 43 | top: 10rem; 44 | 45 | @include respond(tab-port) { 46 | top: 1rem; 47 | left: 0; 48 | transform: scale(1.1); 49 | } 50 | } 51 | 52 | &:hover { 53 | outline: 1.5rem solid $color-primary; 54 | transform: scale(1.05) translateY(-.5rem); 55 | box-shadow: 0 2.5rem 4rem rgba($color-black, .5); 56 | z-index: 20; 57 | } 58 | 59 | } 60 | 61 | &:hover &__photo:not(:hover) { 62 | transform: scale(.95); 63 | } 64 | //composition:hover composition__photo:not(:hover) { 65 | } -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/sass/components/_feature-box.scss: -------------------------------------------------------------------------------- 1 | .feature-box { 2 | background-color: rgba($color-white, .8); 3 | font-size: 1.5rem; 4 | padding: 2.5rem; 5 | text-align: center; 6 | border-radius: 3px; 7 | box-shadow: 0 1.5rem 4rem rgba($color-black, .15); 8 | transition: transform .3s; 9 | 10 | @include respond(tab-port) { 11 | padding: 2rem; 12 | } 13 | 14 | &__icon { 15 | font-size: 6rem; 16 | margin-bottom: .5rem; 17 | display: inline-block; 18 | background-image: linear-gradient(to right, $color-primary-light, $color-primary-dark); 19 | -webkit-background-clip: text; 20 | color: transparent; 21 | 22 | @include respond(tab-port) { 23 | margin-bottom: 0; 24 | } 25 | } 26 | 27 | &:hover { 28 | transform: translateY(-1.5rem) scale(1.03); 29 | } 30 | } -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/sass/layout/_footer.scss: -------------------------------------------------------------------------------- 1 | .footer { 2 | background-color: $color-grey-dark-3; 3 | padding: 10rem 0; 4 | font-size: 1.4rem; 5 | color: $color-grey-light-1; 6 | 7 | @include respond(tab-port) { 8 | padding: 8rem 0; 9 | } 10 | 11 | &__logo-box { 12 | text-align: center; 13 | margin-bottom: 8rem; 14 | 15 | @include respond(tab-port) { 16 | margin-bottom: 6rem; 17 | } 18 | } 19 | 20 | &__logo { 21 | width: 15rem; 22 | height: auto; 23 | } 24 | 25 | &__navigation { 26 | border-top: 1px solid $color-grey-dark; 27 | padding-top: 2rem; 28 | display: inline-block; 29 | 30 | @include respond(tab-port) { 31 | width: 100%; 32 | text-align: center; 33 | } 34 | } 35 | 36 | &__list { 37 | list-style: none; 38 | } 39 | 40 | &__item { 41 | display: inline-block; 42 | 43 | &:not(:last-child) { 44 | margin-right: 1.5rem; 45 | } 46 | } 47 | 48 | &__link { 49 | &:link, 50 | &:visited { 51 | color: $color-grey-light-1; 52 | background-color: $color-grey-dark-3; 53 | text-decoration: none; 54 | text-transform: uppercase; 55 | display: inline-block; 56 | transition: all .2s; 57 | } 58 | 59 | &:hover, 60 | &:active { 61 | color: $color-primary; 62 | box-shadow: 0 1rem 2rem rgba($color-black, .4); 63 | transform: rotate(5deg) scale(1.3); 64 | } 65 | } 66 | 67 | &__copyright { 68 | border-top: 1px solid $color-grey-dark; 69 | padding-top: 2rem; 70 | width: 80%; 71 | float: right; 72 | 73 | @include respond(tab-port) { 74 | width: 100%; 75 | float: none; 76 | } 77 | } 78 | } -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/sass/layout/_grid.scss: -------------------------------------------------------------------------------- 1 | .row { 2 | max-width: $grid-width; 3 | margin: 0 auto; 4 | 5 | &:not(:last-child) { 6 | margin-bottom: $gutter-vertical; 7 | 8 | @include respond(tab-port) { 9 | margin-bottom: $gutter-vertical-small; 10 | } 11 | } 12 | 13 | @include respond(tab-port) { 14 | max-width: 50rem; 15 | padding: 0 3rem; 16 | } 17 | 18 | @include clearfix; 19 | 20 | [class^="col-"] { 21 | float: left; 22 | 23 | &:not(:last-child) { 24 | margin-right: $gutter-horizontal; 25 | 26 | @include respond(tab-port) { 27 | margin-right: 0; 28 | margin-bottom: $gutter-vertical-small; 29 | } 30 | } 31 | 32 | @include respond(tab-port) { 33 | width: 100% !important; 34 | } 35 | } 36 | 37 | .col-1-of-2 { 38 | width: calc((100% - #{$gutter-horizontal}) / 2); 39 | 40 | } 41 | 42 | .col-1-of-3 { 43 | width: calc((100% - 2 * #{$gutter-horizontal}) / 3); 44 | } 45 | 46 | .col-2-of-3 { 47 | width: calc(2 * ((100% - 2 * #{$gutter-horizontal}) / 3) + #{$gutter-horizontal}); 48 | } 49 | 50 | .col-1-of-4 { 51 | width: calc((100% - 3 * #{$gutter-horizontal}) / 4); 52 | } 53 | 54 | .col-2-of-4 { 55 | width: calc(2 * ((100% - 3 * #{$gutter-horizontal}) / 4) + #{$gutter-horizontal}); 56 | } 57 | 58 | .col-3-of-4 { 59 | width: calc(3 * ((100% - 3 * #{$gutter-horizontal}) / 4) + 2 * #{$gutter-horizontal}); 60 | } 61 | 62 | } 63 | -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/sass/layout/_header.scss: -------------------------------------------------------------------------------- 1 | .header { 2 | height: 85vh; 3 | background-image: linear-gradient( 4 | to right bottom, 5 | rgba($color-primary-light, 0.8), 6 | rgba($color-primary-dark, 0.8)), 7 | url(../img/hero-small.jpg); 8 | background-size: cover; 9 | background-position: top; 10 | position: relative; 11 | 12 | 13 | @supports (clip-path: polygon(0 0)) or (-webkit-clip-path: polygon(0 0)) { 14 | -webkit-clip-path: polygon(0 0, 100% 0, 100% 75vh, 0 100%); 15 | clip-path: polygon(0 0, 100% 0, 100% 75vh, 0 100%); 16 | height: 95vh; 17 | } 18 | 19 | @media only screen and (min-resolution: 192dpi) and (min-width: 37.5em), 20 | only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 37.5em), 21 | only screen and (min-width: 125em) { 22 | background-image: linear-gradient( 23 | to right bottom, 24 | rgba($color-primary-light, 0.8), 25 | rgba($color-primary-dark, 0.8)), 26 | url(../img/hero.jpg); 27 | } 28 | 29 | @include respond(phone) { 30 | -webkit-clip-path: polygon(0 0, 100% 0, 100% 85vh, 0 100%); 31 | clip-path: polygon(0 0, 100% 0, 100% 85vh, 0 100%); 32 | } 33 | 34 | &__logo-box { 35 | position: absolute; 36 | top: 4rem; 37 | left: 4rem; 38 | } 39 | 40 | &__logo { 41 | height: 3.5rem; 42 | } 43 | 44 | &__text-box { 45 | position: absolute; 46 | top: 40%; 47 | left: 50%; 48 | transform: translate(-50%, -50%); 49 | text-align: center; 50 | } 51 | } -------------------------------------------------------------------------------- /gift/CSS/Template_Codes3/sass/main.scss: -------------------------------------------------------------------------------- 1 | @import "abstracts/functions"; 2 | @import "abstracts/mixins"; 3 | @import "abstracts/variables"; 4 | 5 | @import "base/animations"; 6 | @import "base/base"; 7 | @import "base/typography"; 8 | @import "base/utilities"; 9 | 10 | @import "components/bg-video"; 11 | @import "components/button"; 12 | @import "components/card"; 13 | @import "components/composition"; 14 | @import "components/feature-box"; 15 | @import "components/form"; 16 | @import "components/popup"; 17 | @import "components/story"; 18 | 19 | @import "layout/footer"; 20 | @import "layout/grid"; 21 | @import "layout/header"; 22 | @import "layout/navigation"; 23 | 24 | @import "pages/home"; 25 | 26 | -------------------------------------------------------------------------------- /gift/CSS/Template_Codes4/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes4/img/favicon.png -------------------------------------------------------------------------------- /gift/CSS/Template_Codes4/img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/CSS/Template_Codes4/img/logo.png -------------------------------------------------------------------------------- /gift/CSS/Template_Codes4/img/text.txt: -------------------------------------------------------------------------------- 1 | --- Features 2 | 3 | Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tenetur distinctio necessitatibus pariatur voluptatibus. 4 | 5 | Voluptatum mollitia quae. Vero ipsum sapiente molestias accusamus rerum sed a eligendi aut quia. 6 | 7 | Tenetur distinctio necessitatibus pariatur voluptatibus quidem consequatur harum. 8 | 9 | Vero ipsum sapiente molestias accusamus rerum. Lorem, ipsum dolor sit amet consectetur adipisicing elit. 10 | 11 | Quidem consequatur harum, voluptatum mollitia quae. Tenetur distinctio necessitatibus pariatur voluptatibus. 12 | 13 | Pariatur voluptatibus quidem consequatur harum, voluptatum mollitia quae. 14 | 15 | 16 | --- Stories 17 | 18 | Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tenetur distinctio necessitatibus pariatur voluptatibus. Quidem consequatur harum volupta! -------------------------------------------------------------------------------- /gift/CSS/Template_Codes4/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Nexter", 3 | "version": "1.0.0", 4 | "description": "Nexter webpage", 5 | "main": "index.js", 6 | "scripts": { 7 | "watch:sass": "node-sass sass/main.scss css/style.css -w", 8 | "devserver": "live-server --browser=firefox", 9 | "start": "npm-run-all --parallel devserver watch:sass", 10 | 11 | "compile:sass": "node-sass sass/main.scss css/style.comp.css", 12 | "prefix:css": "postcss --use autoprefixer -b 'last 10 versions' css/style.comp.css -o css/style.prefix.css", 13 | "compress:css": "node-sass css/style.prefix.css css/style.css --output-style compressed", 14 | "build:css": "npm-run-all compile:sass prefix:css compress:css" 15 | }, 16 | "author": "Jonas", 17 | "license": "ISC", 18 | "devDependencies": { 19 | "autoprefixer": "^7.1.4", 20 | "concat": "^1.0.3", 21 | "node-sass": "^4.5.3", 22 | "npm-run-all": "^4.1.1", 23 | "postcss-cli": "^4.1.1" 24 | } 25 | } -------------------------------------------------------------------------------- /gift/CSS/Template_Codes4/sass/_base.scss: -------------------------------------------------------------------------------- 1 | // COLOR VARIABLES 2 | $color-primary: #c69963; 3 | $color-primary-dark: #B28451; 4 | 5 | $color-secondary: #101d2c; 6 | 7 | $color-grey-light-1: #f9f7f6; 8 | $color-grey-light-2: #aaa; 9 | 10 | $color-grey-dark-1: #54483A; 11 | $color-grey-dark-2: #6D5D4B; 12 | 13 | // FONT VARIABLES 14 | $font-primary: 'Nunito', sans-serif; 15 | $font-display: 'Josefin Sans', sans-serif; 16 | 17 | // RESPONSIVE BREAKPOINTS 18 | $bp-largest: 75em; // 1200px 19 | $bp-large: 62.5em; // 1000px 20 | $bp-medium: 50em; // 800px; 21 | $bp-small: 37.5em; // 600px; 22 | 23 | *, 24 | *::before, 25 | *::after { 26 | margin: 0; 27 | padding: 0; 28 | box-sizing: inherit; 29 | } 30 | 31 | html { 32 | box-sizing: border-box; 33 | font-size: 62.5%; // 10px/16px = 62.5% -> 1rem = 10px 34 | 35 | @media only screen and (max-width: $bp-largest) { 36 | font-size: 50%; 37 | } 38 | } 39 | 40 | body { 41 | font-family: $font-primary; 42 | color: $color-grey-dark-2; 43 | font-weight: 300; 44 | line-height: 1.6; 45 | } 46 | 47 | .container { 48 | display: grid; 49 | grid-template-rows: 80vh min-content 40vw repeat(3, min-content); 50 | grid-template-columns: [sidebar-start] 8rem [sidebar-end full-start] minmax(6rem, 1fr) [center-start] repeat(8, [col-start] minmax(min-content, 14rem) [col-end]) [center-end] minmax(6rem, 1fr) [full-end]; 51 | 52 | @media only screen and (max-width: $bp-large) { 53 | grid-template-rows: 6rem 80vh min-content 40vw repeat(3, min-content); 54 | grid-template-columns: [full-start] minmax(6rem, 1fr) [center-start] repeat(8, [col-start] minmax(min-content, 14rem) [col-end]) [center-end] minmax(6rem, 1fr) [full-end]; 55 | } 56 | 57 | @media only screen and (max-width: $bp-medium) { 58 | grid-template-rows: 6rem calc(100vh - 6rem); 59 | } 60 | } -------------------------------------------------------------------------------- /gift/CSS/Template_Codes4/sass/main.scss: -------------------------------------------------------------------------------- 1 | @import "base"; 2 | @import "typography"; 3 | 4 | @import "sidebar"; 5 | @import "header"; 6 | @import "realtors"; 7 | @import "features"; 8 | @import "story"; 9 | @import "homes"; 10 | @import "gallery"; 11 | @import "footer"; -------------------------------------------------------------------------------- /gift/Java/Shiyar/.gitignore: -------------------------------------------------------------------------------- 1 | *.iml 2 | .gradle 3 | /local.properties 4 | /.idea/caches 5 | /.idea/libraries 6 | /.idea/modules.xml 7 | /.idea/workspace.xml 8 | /.idea/navEditor.xml 9 | /.idea/assetWizardSettings.xml 10 | .DS_Store 11 | /build 12 | /captures 13 | .externalNativeBuild 14 | .cxx 15 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/.idea/.name: -------------------------------------------------------------------------------- 1 | Shiyar - شيار -------------------------------------------------------------------------------- /gift/Java/Shiyar/.idea/gradle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 21 | 22 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 9 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/.idea/runConfigurations.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 11 | 12 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 29 5 | buildToolsVersion "29.0.2" 6 | defaultConfig { 7 | applicationId "com.shiyar" 8 | minSdkVersion 17 9 | targetSdkVersion 29 10 | versionCode 16 11 | versionName "6.3" 12 | testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner" 13 | } 14 | buildTypes { 15 | release { 16 | minifyEnabled false 17 | proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro' 18 | } 19 | } 20 | } 21 | 22 | dependencies { 23 | implementation fileTree(dir: 'libs', include: ['*.jar']) 24 | implementation 'androidx.appcompat:appcompat:1.1.0' 25 | implementation 'androidx.constraintlayout:constraintlayout:1.1.3' 26 | implementation 'androidx.legacy:legacy-support-v4:1.0.0' 27 | implementation 'com.google.android.material:material:1.1.0' 28 | implementation 'androidx.navigation:navigation-fragment:2.2.1' 29 | implementation 'androidx.navigation:navigation-ui:2.2.1' 30 | implementation 'androidx.lifecycle:lifecycle-extensions:2.2.0' 31 | testImplementation 'junit:junit:4.12' 32 | androidTestImplementation 'androidx.test.ext:junit:1.1.1' 33 | androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0' 34 | 35 | implementation 'com.google.android.gms:play-services-ads:16.0.0' 36 | 37 | implementation 'com.google.android.material:material:1.1.0' 38 | 39 | 40 | } 41 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # You can control the set of applied configuration files using the 3 | # proguardFiles setting in build.gradle. 4 | # 5 | # For more details, see 6 | # http://developer.android.com/guide/developing/tools/proguard.html 7 | 8 | # If your project uses WebView with JS, uncomment the following 9 | # and specify the fully qualified class name to the JavaScript interface 10 | # class: 11 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 12 | # public *; 13 | #} 14 | 15 | # Uncomment this to preserve the line number information for 16 | # debugging stack traces. 17 | #-keepattributes SourceFile,LineNumberTable 18 | 19 | # If you keep the line number information, uncomment this to 20 | # hide the original source file name. 21 | #-renamesourcefileattribute SourceFile 22 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/release/app-release.aab: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/Java/Shiyar/app/release/app-release.aab -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/androidTest/java/com/shiyar/ExampleInstrumentedTest.java: -------------------------------------------------------------------------------- 1 | package com.shiyar; 2 | 3 | import android.content.Context; 4 | 5 | import androidx.test.platform.app.InstrumentationRegistry; 6 | import androidx.test.ext.junit.runners.AndroidJUnit4; 7 | 8 | import org.junit.Test; 9 | import org.junit.runner.RunWith; 10 | 11 | import static org.junit.Assert.*; 12 | 13 | /** 14 | * Instrumented test, which will execute on an Android device. 15 | * 16 | * @see Testing documentation 17 | */ 18 | @RunWith(AndroidJUnit4.class) 19 | public class ExampleInstrumentedTest { 20 | @Test 21 | public void useAppContext() { 22 | // Context of the app under test. 23 | Context appContext = InstrumentationRegistry.getInstrumentation().getTargetContext(); 24 | 25 | assertEquals("com.shiyar", appContext.getPackageName()); 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 28 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/ic_launcher-web.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/Java/Shiyar/app/src/main/ic_launcher-web.png -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/drawable-v24/ic_launcher_foreground.xml: -------------------------------------------------------------------------------- 1 | 7 | 12 | 13 | 19 | 22 | 25 | 26 | 27 | 28 | 34 | 35 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/drawable/facebook.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/Java/Shiyar/app/src/main/res/drawable/facebook.png -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/drawable/googleplay.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/Java/Shiyar/app/src/main/res/drawable/googleplay.png -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/drawable/ic_mail.xml: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/drawable/ic_school.xml: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/drawable/internet.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/Java/Shiyar/app/src/main/res/drawable/internet.png -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/drawable/kurdish_tv.xml: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/drawable/school.xml: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/drawable/side_nav_bar.xml: -------------------------------------------------------------------------------- 1 | 3 | 9 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/drawable/sport.xml: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/drawable/tv.xml: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/layout/header.xml: -------------------------------------------------------------------------------- 1 | 2 | 11 | 12 | 17 | 18 | 29 | 30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/menu/activity_app_drawer.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 10 | 11 | 12 | 13 | 14 | 18 | 22 | 26 | 27 | 28 | 29 | 30 | 31 | 35 | 39 | 40 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/Java/Shiyar/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/Java/Shiyar/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/mipmap-hdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/Java/Shiyar/app/src/main/res/mipmap-hdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/Java/Shiyar/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/Java/Shiyar/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/mipmap-mdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/Java/Shiyar/app/src/main/res/mipmap-mdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/Java/Shiyar/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/Java/Shiyar/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/Java/Shiyar/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/Java/Shiyar/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/Java/Shiyar/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/Java/Shiyar/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/Java/Shiyar/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/Java/Shiyar/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codershiyar/bootstrap/101c40e45682843f5db969d05188bfd330e96423/gift/Java/Shiyar/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/values-v21/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 8 | 9 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #FFFFFF 4 | #313533 5 | #FF2D4C 6 | 7 | #FFFFFF 8 | #1F8FFD 9 | #FF2D4C 10 | 11 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/values/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 16dp 4 | 16dp 5 | 8dp 6 | 176dp 7 | 16dp 8 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/values/drawables.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/values/ic_launcher_background.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #FFFFFF 4 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | Shiyar Live - شيار لايف 3 | ca-app-pub-2175466776333013/2415104061 4 | ca-app-pub-2175466776333013/8695541576 5 | 6 | drawerOpen 7 | drawerClose 8 | 9 | -------------------------------------------------------------------------------- /gift/Java/Shiyar/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 10 | 11 | 15 | 16 |