diff --git a/config.toml b/config.toml index e17bc84..4e5aa8b 100644 --- a/config.toml +++ b/config.toml @@ -6,6 +6,8 @@ theme = "restaurant-hugo" summaryLength = "10" paginate = 4 +markup.goldmark.renderer.unsafe = true + ############################# Plugins ############################## # CSS Plugins @@ -41,12 +43,12 @@ URL = "js/main.js" ############################## navigation ############################### [[menu.main]] -name = "Home" +name = "Trang chủ" URL = "hero-area" weight = 1 [[menu.main]] -name = "About Us" +name = "Về chúng tôi" URL = "about-us" weight = 2 @@ -56,17 +58,17 @@ URL = "blog" weight = 3 [[menu.main]] -name = "Price" +name = "Menu" URL = "price" weight = 4 [[menu.main]] -name = "News" +name = "Theo dõi" URL = "subscribe" weight = 5 [[menu.main]] -name = "Contact Us" +name = "Liên hệ" URL = "contact-us" weight = 6 @@ -75,14 +77,14 @@ weight = 6 [params] logo = "images/logo.png" # meta data -author = "Themefisher" -description = "This is meta description" +author = "MiTi99" +description = "Just a developer want to become magician" # google analitycs ID google_analitycs_id = "Your ID" # mainSections main_sections = ["post"] # copyright -copyright = "Copyright © 2021 Designed by [Themefisher](https://themefisher.com) & Developed by [Gethugothemes](https://gethugothemes.com)" +copyright = "Made by [MiTi99](https://miti99.eu.org) with ❤" # Preloader [params.preloader] @@ -92,26 +94,26 @@ preloader = "" # use .png , .svg or .gif format ################################### Footer ############################ [params.footer] enable = true -contactInfoTitle = "CONTACT INFO " -blogTitle = "LATEST BLOG POSTS" -galleryTitle = "PHOTO STREAM" -socialTitle = "Follow US" +contactInfoTitle = "Thông tin Liên hệ " +blogTitle = "Tin mới nhất" +galleryTitle = "Thư viện ảnh" +socialTitle = "Theo dõi Ốc Rốt" ############################ footer contact item [[params.footer.contactItem]] -title = "Telephone" +title = "Điện thoại" icon = "fa fa-phone" -content = "016742 323313" +content = "090900khôngcó" [[params.footer.contactItem]] -title = "Address" +title = "Địa chỉ" icon = "fa fa-map-marker" -content = "2046 Blue Spruce Lane Laurel Canada" +content = "Mỹ Hạnh Bắc - Đức Hoà - Long An
(gần ngã tư Út Cứu)" [[params.footer.contactItem]] -title = "E mail" +title = "Email" icon = "fa fa-envelope" -content = "rest@gmail.com - rest@mail.ru" +content = "ocrot@gmail.com" ######################### footer gallery [[params.footer.gallery]] @@ -135,16 +137,16 @@ image = "images/slider/slider-img-2.jpg" ######################## Social Icon [[params.footer.socialLink]] icon = "facebook" -link = "https://fb.com/themefisher" +link = "https://fb.com/ocrot" [[params.footer.socialLink]] icon = "twitter" -link = "https://fb.com/themefisher" +link = "https://fb.com/ocrot" [[params.footer.socialLink]] icon = "dribbble" -link = "https://fb.com/themefisher" +link = "https://fb.com/ocrot" [[params.footer.socialLink]] icon = "instagram" -link = "https://fb.com/themefisher" +link = "https://fb.com/ocrot" diff --git a/content/post/2023-02-26-oc1.md b/content/post/2023-02-26-oc1.md new file mode 100644 index 0000000..08d282d --- /dev/null +++ b/content/post/2023-02-26-oc1.md @@ -0,0 +1,9 @@ +--- +title: "Món ốc 4" +date: 2018-12-12T04:28:21+06:00 +image: images/blog/blog-img-4.jpg +description: "Mô tả món ốc 4" +type: "post" +--- + +Nội dung món ốc 4 diff --git a/content/post/2023-02-26-oc2.md b/content/post/2023-02-26-oc2.md new file mode 100644 index 0000000..3b347d6 --- /dev/null +++ b/content/post/2023-02-26-oc2.md @@ -0,0 +1,9 @@ +--- +title: "Món ốc 2" +date: 2018-12-26T11:40:41+06:00 +image: "images/blog/blog-img-2.jpg" +description: "Mô tả món ốc 2" +type: "post" +--- + +Nội dung món ốc 2 diff --git a/content/post/2023-02-26-oc3.md b/content/post/2023-02-26-oc3.md new file mode 100644 index 0000000..64e5287 --- /dev/null +++ b/content/post/2023-02-26-oc3.md @@ -0,0 +1,9 @@ +--- +title: "Món ốc 3" +date: 2018-12-26T12:28:47+06:00 +image: images/blog/blog-img-3.jpg +description: "Mô tả món ốc 3" +type: "post" +--- + +Nội dung món ốc 3 diff --git a/content/post/2023-02-26-oc4.md b/content/post/2023-02-26-oc4.md new file mode 100644 index 0000000..585c447 --- /dev/null +++ b/content/post/2023-02-26-oc4.md @@ -0,0 +1,9 @@ +--- +title: "Món ốc 4" +date: 2018-12-26T12:23:10+06:00 +image: images/blog/blog-img-3.jpg +description: "Mô tả món ốc 4" +type: "post" +--- + +Nội dung món ốc 4 diff --git a/content/post/2023-02-26-oc5.md b/content/post/2023-02-26-oc5.md new file mode 100644 index 0000000..255297f --- /dev/null +++ b/content/post/2023-02-26-oc5.md @@ -0,0 +1,9 @@ +--- +title: "Món ốc 5" +date: 2018-12-26T12:30:01+06:00 +image: images/blog/blog-img-5.jpg +description: "Mô tả món ốc 5" +type: "post" +--- + +Nội dung món ốc 5 diff --git a/content/post/2023-02-26-test.md b/content/post/2023-02-26-test.md deleted file mode 100644 index 9f4eabf..0000000 --- a/content/post/2023-02-26-test.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -title: Test -date: 2023-02-26T03:48:48.183Z -image: images/subscribe-bg.jpg -description: Test -type: post ---- -test \ No newline at end of file diff --git a/content/post/Homestyle-Chicken-Pot-Pie.md b/content/post/Homestyle-Chicken-Pot-Pie.md deleted file mode 100644 index a3a5bce..0000000 --- a/content/post/Homestyle-Chicken-Pot-Pie.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -title: "Homestyle Chicken Pot Pie" -date: 2018-12-26T12:23:10+06:00 -image: images/blog/blog-img-3.jpg -description: "this is meta description" -type: "post" ---- - -Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est, veniam! -Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque iusto, animi ad. Sapiente necessitatibus enim ut dicta iure perspiciatis doloribus, nobis praesentium non molestiae ipsam alias impedit unde, rerum at sunt! Suscipit porro molestiae excepturi natus repellat dignissimos eveniet, quas, inventore nesciunt magnam tempora? Commodi aperiam sit provident eveniet recusandae quas repellat eos neque repudiandae enim, nemo, maxime accusantium corrupti rem iste accusamus numquam asperiores, ipsam quidem tempora error nesciunt, placeat suscipit minus? Est aliquid, aliquam, delectus omnis culpa mollitia ipsam in error! Error necessitatibus adipisci perferendis nam non id, ad veniam atque, assumenda delectus a cupiditate accusantium? Labore dolores illo autem nihil eveniet repellat possimus illum laborum tempora quis adipisci expedita odit laudantium quia aut iure et, assumenda vitae fugiat amet aspernatur. Laborum eum minus libero asperiores repudiandae, facere temporibus magni amet fuga ducimus rerum vel, architecto! Atque totam soluta, dolor rerum hic ex, iste cum sed facilis tenetur nobis quia. Inventore cupiditate ex accusamus minus soluta in dolores, recusandae dolorem, fugit culpa explicabo? Molestias optio vero ipsum veritatis, ducimus deleniti ipsam nostrum maiores, quaerat voluptatum asperiores quae, velit impedit repudiandae delectus non, libero facilis. Impedit quia quaerat quisquam. Nesciunt quis molestiae impedit quaerat voluptatum, facere, libero possimus placeat. diff --git a/content/post/Red-Pepper-Miso-Wings-2.md b/content/post/Red-Pepper-Miso-Wings-2.md deleted file mode 100644 index cab400a..0000000 --- a/content/post/Red-Pepper-Miso-Wings-2.md +++ /dev/null @@ -1,9 +0,0 @@ ---- -title: "Red Pepper Miso Wings 2" -date: 2018-12-26T12:30:01+06:00 -image: images/blog/blog-img-5.jpg -description: "this is meta description" -type: "post" ---- - -Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro modi delectus rerum, sed blanditiis eaque eum, ex et officia veritatis id hic. Deleniti eos ipsum, nihil ex id ipsa porro, accusantium, accusamus dignissimos harum, veniam culpa. Voluptate doloremque aspernatur neque vero tenetur numquam expedita ratione, sed, error exercitationem officia voluptatum molestiae quod impedit facilis, dolores laudantium quae rem! Rem obcaecati eum pariatur error quasi consequuntur repellendus aliquam vero perferendis, praesentium. Quas nulla, quae tempore omnis facere reiciendis, voluptatibus illum nemo consequuntur, magni voluptas doloremque eveniet quasi soluta porro sit cum? Alias a rerum natus, repellendus voluptas libero! Deleniti aut, sunt. diff --git a/content/post/Red-Pepper-Miso-Wings.md b/content/post/Red-Pepper-Miso-Wings.md deleted file mode 100644 index a01a1d9..0000000 --- a/content/post/Red-Pepper-Miso-Wings.md +++ /dev/null @@ -1,9 +0,0 @@ ---- -title: "Red Pepper Miso Wings" -date: 2018-12-26T12:28:47+06:00 -image: images/blog/blog-img-3.jpg -description: "this is meta description" -type: "post" ---- - -Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro modi delectus rerum, sed blanditiis eaque eum, ex et officia veritatis id hic. Deleniti eos ipsum, nihil ex id ipsa porro, accusantium, accusamus dignissimos harum, veniam culpa. Voluptate doloremque aspernatur neque vero tenetur numquam expedita ratione, sed, error exercitationem officia voluptatum molestiae quod impedit facilis, dolores laudantium quae rem! Rem obcaecati eum pariatur error quasi consequuntur repellendus aliquam vero perferendis, praesentium. Quas nulla, quae tempore omnis facere reiciendis, voluptatibus illum nemo consequuntur, magni voluptas doloremque eveniet quasi soluta porro sit cum? Alias a rerum natus, repellendus voluptas libero! Deleniti aut, sunt. diff --git a/content/post/my-first-post.md b/content/post/my-first-post.md deleted file mode 100644 index fc90e6b..0000000 --- a/content/post/my-first-post.md +++ /dev/null @@ -1,9 +0,0 @@ ---- -title: "Red Pepper Miso Wings" -date: 2018-12-12T04:28:21+06:00 -image: images/blog/blog-img-1.jpg -description: "this is meta description" -type: "post" ---- - -Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro modi delectus rerum, sed blanditiis eaque eum, ex et officia veritatis id hic. Deleniti eos ipsum, nihil ex id ipsa porro, accusantium, accusamus dignissimos harum, veniam culpa. Voluptate doloremque aspernatur neque vero tenetur numquam expedita ratione, sed, error exercitationem officia voluptatum molestiae quod impedit facilis, dolores laudantium quae rem! Rem obcaecati eum pariatur error quasi consequuntur repellendus aliquam vero perferendis, praesentium. Quas nulla, quae tempore omnis facere reiciendis, voluptatibus illum nemo consequuntur, magni voluptas doloremque eveniet quasi soluta porro sit cum? Alias a rerum natus, repellendus voluptas libero! Deleniti aut, sunt. diff --git a/content/post/restaurant.md b/content/post/restaurant.md deleted file mode 100644 index 2827144..0000000 --- a/content/post/restaurant.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -title: "Skillet Chicken with Potatoes" -date: 2018-12-26T11:40:41+06:00 -image: "images/blog/blog-img-2.jpg" -description: "this is meta description" -type: "post" ---- - - -Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque, dignissimos. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem illo dolor excepturi. Quidem quia iste ad, consequatur eius, rerum veritatis sint! Iste numquam nisi eius saepe pariatur necessitatibus obcaecati totam nihil quos aliquid aliquam atque rem dolore delectus, blanditiis, sequi dolorem dolor, a iure et. Dolore consectetur aspernatur veniam cum cumque iusto tenetur placeat ab aperiam debitis enim, vero suscipit itaque accusantium natus distinctio consequatur deleniti eveniet. Adipisci eum inventore ab quia exercitationem deleniti et ipsam amet beatae maiores qui voluptas perferendis voluptates autem quasi accusamus sint tempora modi error ipsum, iure veritatis! Unde optio, veritatis et iure amet blanditiis sapiente culpa voluptatem iste aliquid. Repudiandae ipsam, fugiat quidem pariatur ut, molestias, sapiente, incidunt accusantium explicabo deleniti veritatis. Velit quam, impedit. Vel ad est explicabo laboriosam, temporibus voluptatibus, architecto ratione voluptatum quibusdam asperiores soluta. Eum rerum quam beatae vel dolorem natus, inventore animi, error neque! Eius sit repellat nobis, nulla ex rerum libero fuga iure natus qui. Aliquam, ut, voluptas. Magnam expedita, architecto sit, nostrum reiciendis sapiente. Voluptatem deserunt possimus harum consequuntur eos, at assumenda obcaecati totam neque molestias dolorem voluptatum autem, ipsa fugit nihil sapiente qui reprehenderit! Soluta cum exercitationem sequi iusto velit omnis rem quaerat blanditiis consequuntur asperiores. \ No newline at end of file diff --git a/data/homepage.yml b/data/homepage.yml index be55004..6b09064 100644 --- a/data/homepage.yml +++ b/data/homepage.yml @@ -7,7 +7,7 @@ hero_area: ################### Gallery ################### gallery: enable : true - title : "FEATURED WORKS" + title : "Những bức ảnh ấn tượng" images: - "images/slider/slider-img-1.jpg" - "images/slider/slider-img-2.jpg" @@ -22,13 +22,13 @@ gallery: about: enable : true image : "images/cooker-img.png" - title : "Featured Your Restaurant’s Website Has To Look Good" - description : "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat Ut enim ad minim veniam" + title : "Đầu bếp số 1 thế giới" + description : "Tốt nghiệp đại học của mẹ, bằng xuất sắc, sẵn sàng mang đến cho bạn những món ốc tuyệt nhất" ################# Blog ###################### blog: enable : true - title : "Our Latest Blog" + title : "Bài viết mới nhất" bg_image : "images/blog/blog-bg.jpg" overlay : true @@ -36,36 +36,36 @@ blog: ################# food Menu ################ pricing: enable : true - title : "Our Easy PRICE" - description: " Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco" - subtitle : "FEATURED ON THE WEEK" + title : "Menu" + description: "Già trẻ lớn bé, đều thích ốc, từ 10k đến 100k, đều có ốc cho bạn chọn" + subtitle : "Cháy hàng tuần này" pricing_item: - - title: "Pancakes n' Such Titas" - description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim&&" - price : "$ 125.00" + - title: "Ốc 'cô đơn'" + description: "Đi một mình ư? Bầu bạn với anh chủ quán nào!" + price : "125.000đ" - - title: "Caesar Salad" - description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim&&" - price : "$ 100.00" + - title: "Ốc 'tình nhân'" + description: "Dành cho 2 người, ăn ốc phải có đôi" + price : "100.000đ" - - title: "Steak with a Garlic and Parsley Risotto" - description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim&&" - price : "$ 20.00" + - title: "2 ốc và cái bóng đèn" + description: ";)))" + price : "20.000đ" - - title: "Meat of Skewers" - description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim&&" - price : "$ 45.00" + - title: "Combo ốc 4 (quá lười để nghĩ)" + description: "Để trống nhá :D" + price : "45.000đ" - - title: "Pancakes n' Such" - description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim&&" - price : "$ 25.00" + - title: "Combo ốc 5" + description: "Combo ốc 5" + price : "25.000đ" ################### Subscription ################ subscription: - enable : true + enable : false bg_image : "images/subscribe-bg.jpg" - title : "SUBSCRIBE to our NEWSLETTER" - description : "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod" + title : "Đăng ký theo dõi chúng tôi" + description : "Đăng ký theo dõi chúng tôi" #Mailchimp subscription configaration form_action : "https://themefisher.us9.list-manage.com/subscribe/post?u=f95ece2732a6e9925f2e70a61&id=b1e227529e" formName : "b_f95ece2732a6e9925f2e70a61_b1e227529e" @@ -73,7 +73,7 @@ subscription: ################ Contact ####################### contact: - enable : true - title: "Let's Contact Us " - subtitle: "SIGN UP FOR EMAIL ALERTS" + enable : false + title: "Đăng ký qua email" + subtitle: "Đăng ký qua email" form_action : "#" #contact form works with formspree.io diff --git a/static/css/main.css b/static/css/main.css new file mode 100644 index 0000000..8298b8b --- /dev/null +++ b/static/css/main.css @@ -0,0 +1,925 @@ +/* var text-decoration */ +@font-face { + font-family: myfont; + src: url(../fonts/Roboto-Regular.ttf); +} + +/*-- + Common Css +--*/ +.preloader { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #fff; + z-index: 99999; + display: flex; + align-items: center; + justify-content: center; +} + +body { + font-family: myfont; + font-size: 14px; + font-weight: 400; +} + +a:focus { + outline: 0; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0px; + font-family: myfont; +} + +h1 { + font-size: 36px; +} + +h2 { + font-size: 24px; + font-weight: 500; +} + +h3 { + font-size: 20px; + font-weight: 600; +} + +p { + font-size: 14px; + font-weight: 400; + line-height: 20px; + margin: 0px; + font-family: myfont; +} + +ul { + padding: 0; + margin: 0; + list-style: none; +} + +a, a:active, a:focus, a:active { + text-decoration: none !important; + font-size: 15px; +} + +.section { + padding: 100px 0; +} + +.d-inline-block { + display: inline-block; +} + +/*============== Mixins style start ================*/ +.overlay-effect { + content: ""; + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + width: 100%; + height: 100%; + background: url("../images/overlay-pattern.png") #000000; + opacity: 0.3; +} + +/*-- + custom heading Start +--*/ +.heading { + text-align: center; + font-weight: 500; + color: #2E2E2E; + padding: 40px 0px; + position: relative; +} + +.heading span { + font-size: 45px; + color: #ff530a; + font-weight: 600; +} + +.heading:before { + content: ""; + position: absolute; + left: 50%; + bottom: 0; + width: 140px; + height: 1px; + background: #C8C1B3; + margin-left: -70px; +} + +/*-- + custom heading Start +--*/ +.title { + color: #2E2E2E; + text-transform: uppercase; + padding: 30px 0px; +} + +.title span { + color: #FF5333; +} + +.before-border { + content: ""; + position: absolute; + left: 50%; + bottom: 0; + width: 140px; + height: 1px; + background: #C8C1B3; + margin-left: -70px; +} + +/*-- + transition custom style +--*/ +.transition { + -webkit-transition: .3s all; + -moz-transition: .3s all; + -o-transition: .3s all; + transition: .3s all; +} + +/*============== Mixins style close ================*/ +/*-- + header-img start Start +--*/ +.overlay { + position: relative; +} + +.overlay:before { + content: ""; + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + width: 100%; + height: 100%; + background: url("../images/overlay-pattern.png") #000000; + opacity: 0.3; +} + +/*-- + nav Start +--*/ +.navigation { + position: sticky; + top: 85px; +} + +nav { + z-index: 9; + width: 100%; +} + +nav .block { + margin-top: -85px; + background: #fff; + padding: 25px 40px; + background: rgba(255, 255, 255, 0.89); +} + +nav .block .navbar-default { + border: none; + border-radius: 0px; + margin-bottom: 0; + background: none; +} + +nav .block .navbar-default .navbar-brand { + padding-left: 0px; +} + +nav .block .navbar-default .navbar-nav { + padding-top: 10px; +} + +nav .block .navbar-default .navbar-nav>li>a { + color: #2E2E2E; + padding: 10px 0px; + margin: 0px 15px; + font-size: 15px; + text-transform: uppercase; +} + +nav .block .navbar-default .navbar-nav>li>a:before { + background-color: transparent; + content: ""; + position: absolute; + left: 0; + bottom: 0; + display: block; + height: 2px; + -webkit-transition: .3s all; + -o-transition: .3s all; + transition: .3s all; + width: 0; +} + +nav .block .navbar-default .navbar-nav>li>a:hover:before { + background-color: #e94c3d; + content: ""; + width: 100%; +} + +nav .block .navbar-default .navbar-nav>li.current>a { + color: #2E2E2E; + padding: 10px 0px; + margin: 0px 15px; +} + +nav .block .navbar-default .navbar-nav>li.current>a:before { + background-color: transparent; + content: ""; + position: absolute; + left: 0; + bottom: 0; + display: block; + height: 2px; + -webkit-transition: .3s all; + -o-transition: .3s all; + transition: .3s all; + width: 100%; + background-color: #e94c3d; +} + +nav .block .navbar-default .navbar-nav>.active>a, +nav .block .navbar-default .navbar-nav>.active>a:focus, +nav .block .navbar-default .navbar-nav>.active>a:hover { + background: none; +} + +nav .block .navbar-default .navbar-nav>.active>a:before, +nav .block .navbar-default .navbar-nav>.active>a:focus:before, +nav .block .navbar-default .navbar-nav>.active>a:hover:before { + content: ""; + position: absolute; + bottom: 0px; + width: 100%; + height: 2px; + background: #FF5333; +} + +/*-- + about-us Start +--*/ +#about-us { + padding: 100px 0px; + background: #F6F6F6; +} + +#about-us .block { + text-align: center; +} + +#about-us .block p { + color: #959595; + font-size: 16px; + line-height: 26px; + padding: 40px 0px; +} + +/*-- + blog Start +--*/ +#blog { + padding-top: 75px; + padding-bottom: 100px; + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; + position: relative; +} + +#blog .block .heading { + color: #fff; + margin-bottom: 40px; +} + +.post { + display: flex; + margin-bottom: 20px; +} + +.post:hover img { + transform: scale(1.2) rotate(10deg); +} + +.post-img { + flex-basis: 50%; + overflow: hidden; +} + +.post-img img { + transition: all 0.8s ease-out; + width: 100%; + height: auto; + object-fit: cover; +} + +.post-content { + background-color: #fff; + position: relative; + flex-basis: 50%; + text-align: center; + padding: 20px; +} + +.post-content::before { + content: ""; + position: absolute; + left: 0; + bottom: 0; + right: 0; + top: 50%; + width: 30px; + height: 30px; + margin-top: -15px; + background: #fff; + transform: rotate(45deg); + margin-left: -15px; +} + +.post-content h3 { + padding: 0px 10px 20px; + margin-bottom: 20px; + line-height: 26px; + position: relative; +} + +.post-content h3:before { + content: ""; + position: absolute; + left: 50%; + bottom: 0; + width: 90px; + height: 1px; + background: #CBC4B5; + margin-left: -45px; +} + +.post-content h3 a { + color: #323232; + font-size: 20px; + display: block; +} + +.post-content h3 a:hover { + color: #FF5333; +} + +#blog .block .btn-more-info { + float: right; + padding: 28px 102.5px; + border-radius: 0px; + background: #ff530a; + color: #fff; + border: 1px solid transparent; + text-transform: uppercase; + font-weight: 500; + font-size: 16px; + -webkit-transition: .3s all; + -o-transition: .3s all; + transition: .3s all; +} + +#blog .block .btn-more-info:hover { + background: transparent; + color: #ff530a; + border: 1px solid #ff530a; +} + +.blog-single-page .post-thumb { + margin-bottom: 10px; +} + +.blog-single-page .post-title { + margin-bottom: 10px; +} + +.blog-single-page .post-meta { + margin-bottom: 20px; +} + +.mx-auto { + margin-left: auto; + margin-right: auto; +} + +/*-- + price Start +--*/ +#price { + padding: 70px 0px; +} + +#price .block>p { + color: #9D9D9D; + font-size: 16px; + line-height: 26px; + padding: 40px 133px 0; + text-align: center; +} + +#price .block .pricing-list { + padding-top: 85px; +} + +#price .block .pricing-list ul { + padding: 0 0 30px; + margin: 0; +} + +#price .block .pricing-list ul li { + padding: 21px 0px; +} + +#price .block .pricing-list ul li .item .item-title { + position: relative; +} + +#price .block .pricing-list ul li .item .item-title h2 { + display: inline-block; + position: relative; + z-index: 99; + background: #fff; +} + +#price .block .pricing-list ul li .item .item-title .border-bottom { + position: absolute; + top: 0; + width: 100%; + height: 1px; + border: 1px dotted #C9C9C9; + margin-top: 20px; +} + +#price .block .pricing-list ul li .item .item-title span { + float: right; + color: #938463; +} + +#price .block .pricing-list ul li .item p { + padding: 12px 0 0px; + color: #949494; +} + +#price .block .pricing-list .btn { + padding: 28px 105px; + border-radius: 0px; + background: none; + color: #FF4F02; + border: 1px solid #FF4F02; + font-size: 15px; + text-transform: uppercase; + font-weight: 600; + -webkit-transition: .3s all; + -o-transition: .3s all; + transition: .3s all; +} + +#price .block .pricing-list .btn:hover { + background: #ff530a; + color: #fff; +} + +/*-- + subscribe Start +--*/ +.subscription-form #mc_embed_signup { + background: none; + width: 70%; + margin: 0 auto; +} + +#mc_embed_signup .mc-field-group label { + color: #fff; +} + +.mc-field-group .d-flex { + display: flex; +} + +#mc_embed_signup .mc-field-group input.email { + background: #fff; + opacity: 0.9; + border: none; + height: 65px; + border-radius: 0; + width: 75%; + display: inline-block; + outline: none; + padding: 0 15px; +} + +#mc_embed_signup .mc-field-group input.button { + height: 65px; + display: inline-block; + width: 25%; + margin: 0; + clear: none; + border: none; + border-radius: 0px; + background: #7EC3BB; + color: #fff; + font-weight: 600; + font-size: 16px; + letter-spacing: 2px; + text-transform: uppercase; + -webkit-transition: .3s all; + -o-transition: .3s all; + transition: .3s all; +} +@media only screen and (max-width: 991px) { + #mc_embed_signup .mc-field-group input.email { + width: 70%; + } + #mc_embed_signup .mc-field-group input.button { + width: 30%; + } +} +@media only screen and (max-width: 768px) { + .mc-field-group .d-flex { + display: block; + } + #mc_embed_signup .mc-field-group input.email, + #mc_embed_signup .mc-field-group input.button { + width: 100%; + } +} + +.subscription-form #mc_embed_signup #mce-success-response { + color: #fff; +} + +#subscribe { + padding: 100px 0px; + text-align: center; + background-repeat: no-repeat; + background-attachment: fixed; + background-size: cover; + position: relative; + +} + +#subscribe .block h1.heading { + color: #fff; +} + +#subscribe .block p { + padding: 25px 0px; + color: #fff; + font-size: 18px; +} + +#subscribe .block form .form-control { + width: 450px; + background: #fff; + opacity: 0.9; + border: none; + height: 65px; + border-radius: 0px; + font-size: 15px; +} + +#subscribe .block form .input-group-addon { + padding: 0px; + border: none; + background: none; +} + +#subscribe .block form .input-group-addon button { + width: 212px; + height: 65px; + border: none; + border-radius: 0px; + background: #7EC3BB; + color: #fff; + font-weight: 600; + font-size: 16px; + letter-spacing: 2px; + text-transform: uppercase; + -webkit-transition: .3s all; + -o-transition: .3s all; + transition: .3s all; +} + +#subscribe .block form .input-group-addon button:hover { + background: #69a8a1; +} + +/*-- + contact-us Start +--*/ +#contact-us { + padding: 70px 0px; +} + +#contact-us .block .title { + padding: 20px 0; +} + +#contact-us .block form { + padding-bottom: 20px; +} + +#contact-us .block form input { + height: 48px; + border-radius: 0px; + box-shadow: none; + -webkit-transition: .3s all; + -o-transition: .3s all; + transition: .3s all; +} + +#contact-us .block form input:focus { + border: 1px solid #7EC3BB; +} + +#contact-us .block form textarea { + height: 140px; + border-radius: 0px; + box-shadow: none; + -webkit-transition: .3s all; + -o-transition: .3s all; + transition: .3s all; +} + +#contact-us .block form textarea:focus { + border: 1px solid #7EC3BB; +} + +#contact-us .block button { + background: #FF4F02; + float: right; + color: #fff; + font-weight: 600; + text-transform: uppercase; + border-radius: 0px; + border: 0px; + width: 512px; + height: 50px; + padding-top: 15px; + -webkit-transition: .3s all; + -o-transition: .3s all; + transition: .3s all; +} + +/*-- + footer Start +--*/ +#footer { + padding: 70px 0px; +} + +#footer .gallery li { + display: inline-block; + margin-right: 15px; + margin-bottom: 15px !important; +} + +#footer .gallery li img { + width: 80px; + height: auto; +} + +#footer .block h3 { + color: #2E2E2E; + padding-bottom: 25px; +} + +#footer .block h3 span { + color: #FF4F02; +} + +#footer .block .blog ul, +#footer .block .info ul, +#footer .block .gallary ul { + padding-top: 20px; +} + +#footer .block .blog ul li, +#footer .block .info ul li, +#footer .block .gallary ul li { + margin-bottom: 20px; +} + +#footer .block .blog ul li h4, +#footer .block .info ul li h4, +#footer .block .gallary ul li h4 { + padding-bottom: 10px; + display: block; + color: #FF4F02; +} + +#footer .block .blog ul li h4 i, +#footer .block .info ul li h4 i, +#footer .block .gallary ul li h4 i { + color: #555; + margin-right: 30px; + font-size: 20px; +} + +#footer .block .blog ul li h4 a, +#footer .block .info ul li h4 a, +#footer .block .gallary ul li h4 a { + color: #FF4F02; + font-size: 20px; + font-weight: 600; +} + +#footer .block .blog ul li p, +#footer .block .info ul li p, +#footer .block .info ul li p a, +#footer .block .gallary ul li p { + color: #474747; + font-size: 14px; +} + +#footer .block .info ul li p a:hover { + color: #FF4F02; +} + +#footer .block .social-media-link h3 { + font-size: 20px; + padding-bottom: 15px; + padding-top: 30px; +} + +#footer .block .social-media-link h3 span { + color: #FF4F02; +} + +#footer .block .social-media-link ul li { + display: inline-block; + margin-right: 20px; +} + +#footer .block .social-media-link ul li a { + display: block; + width: 40px; + height: 40px; + text-align: center; + font-size: 20px; + padding-top: 8px; + border-radius: 100%; + background: #B0B0B0; + color: #FFFFFF; + -webkit-transition: .3s all; + -o-transition: .3s all; + transition: .3s all; +} + +#footer .block .social-media-link ul li a:hover { + background: #FF4F02; + color: #fff; +} + +/*-- + footer-bottom Start +--*/ +#footer-bottom { + background: #E9E9E9; + padding: 20px 0px; +} + +#footer-bottom p { + text-align: center; + padding-top: 12px; + color: #454545; + font-size: 12px; + font-weight: 600; + letter-spacing: 2px; +} + +#footer-bottom p a { + color: #FF4F02; +} + +/* slider */ + +#slider { + padding-bottom: 50px; +} + +.slick-slide { + outline: 0; +} + +.slick-dots { + text-align: center; + margin-top: 20px; +} + +.slick-dots li { + display: inline-block; +} + +.slick-dots li button { + height: 10px; + width: 10px; + border-radius: 50%; + cursor: pointer; + margin: 0 5px; + transition: .2s ease; + border: 0; + color: transparent; + padding: 0; + background: #DADADA; +} + +.slick-dots li button:focus { + outline: 0; +} + +.slick-dots li.slick-active button { + background: #FF4F02; +} + +.gallery-slider .slick-arrow { + border: 0; + background: transparent; + font-size: 30px; + position: absolute; + top: -65px; + right: 0; +} + +.gallery-slider .slick-arrow:focus { + outline: 0; +} + +.gallery-slider .prevArrow { + display: none !important; +} + +.gallery-slider img { + padding: 20px; +} + +.pagination { + text-align: center; + display: block; + margin-top: 20px; +} + +.pagination>li { + display: inline-block; +} + +.pagination .page-item .page-link { + display: inline-block; + width: 40px; + height: 40px; + border-radius: 0; + border: 1px solid #d1d1d1; + text-align: center; + margin-right: 6px; + font-weight: 700; + color: #FF4F02 +} + +.pagination .page-item .page-link:hover { + background: #FF4F02; + color: #fff +} + +.pagination .page-item:first-child .page-link, +.pagination .page-item:last-child .page-link { + border-radius: 0; +} + +.pagination .page-item.active .page-link { + background: #FF4F02; + color: #fff; + border-color: #FF4F02 +} + +.btn-default { + background: #FF4F02; + color: #fff; + font-weight: 600; + text-transform: uppercase; + border-radius: 0px; + border: 0px; + padding: 10px 25px; +} diff --git a/static/fonts/Roboto-Regular.ttf b/static/fonts/Roboto-Regular.ttf new file mode 100644 index 0000000..ddf4bfa Binary files /dev/null and b/static/fonts/Roboto-Regular.ttf differ