Document

HI!

nice to meet you!

I'm a Ralph Gomez Owner of Business

The Latest & Greatest

March 21, 2025

A Coffee Date for Spring

Let’s chat about life. ❤️ Mom anxiety, favorite TV right now, and the recipes that have been saving me lately.

March 13, 2025

Ridiculously Good Air Fryer Broccoli

This Air Fryer Broccoli is both tender and crisped at the same time. So easy and done in 10 minutes!

March 11, 2025

Whipped Feta Spread

Just like the one from Trader Joe’s! I love this topped on bowls, as a dip for naan or flatbread.

.recipey { opacity: 0; transform: scale(0.5); transition: opacity 1s, transform 1s ease-in-out; } /* When the element is in view and should animate */ .recipey.visible { opacity: 1; transform: scale(1); } .footeer{ opacity: 0; transform: scale(0.5); transition: opacity 1s, transform 1s ease-in-out; } /* When the element is in view and should animate */ .footeer.visible { opacity: 1; transform: scale(1); } .containerrr{ opacity: 0; transform: scale(0.5); transition: opacity 1s, transform 1s ease-in-out; } /* When the element is in view and should animate */ .containerrr.visible { opacity: 1; transform: scale(1); } .nav-bar { background: #ffffff; padding: 30px; display: flex; flex-direction: row; flex-shrink: 0; height: 80px; position: absolute; left: 400; top: 0px; cursor: pointer; overflow: hidden; display: flex; flex-direction: row; gap: 40px; flex-shrink: 0; position: relative; margin-top: -30px; } .tab { color: #000000; text-align: left; font-family: "Roboto-Regular", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; position: relative; cursor: pointer; text-decoration: none; } input[type="text"]{ border-radius: 6px; border-style: solid; border-color: rgba(0, 0, 0, 0.1); border-width: 1px; padding: 10px; display: flex; flex-direction: row; gap: 4px; align-items: center; justify-content: flex-end; flex-shrink: 0; width: 200px; position: relative; color: white; } .search-form { margin-top: -15px; } .texts { color: rgba(0, 0, 0, 0.5); text-align: left; font-family: "Roboto-Regular", sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; position: relative; flex: 1; } .header { background-color: transparent; padding: 2rem 1rem; display: flex; flex-direction: column; align-items: center; position: relative; } .header-container { display: flex; flex-direction: column; align-items: center; gap: 1rem; position: relative; } .logo { width: 15rem; height: 15rem; margin-right: 1200px; } .logo-img { border-radius: 50%; width: 100%; height: 100%; margin-top: -30px; } .header-title { background-color: #D38D27; color: black; padding: 50px; padding-left: 300px; padding-right: 300px; font-size: 1.5rem; font-weight: bold; text-transform: uppercase; display: inline-block; clip-path: polygon(0 0, 100% 0, 95% 50%, 100% 100%, 0 100%, 5% 50%); margin-top: -250px; margin-left: 300px; } .content-section { display: flex; flex-wrap: wrap; justify-content: center; gap: 14rem; padding: 2rem; margin-top: 100px; } .content-card { background-color: transparent; text-align: center; width: 250px; position: relative; height: 20rem;; } .content-img { width: 250px; height: 25rem; object-fit: cover; border-radius: 0.375rem; } .content-title { background-color: #d5b47b; color: black; font-size: 1rem; font-weight: bold; text-transform: uppercase; padding: 15px; display: inline-block; position: absolute; margin-top: -25px; left: 50%; transform: translateX(-50%); clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%); padding-left: 130px; padding-right: 130px; } #hel, #helo { margin-top: -40px; } #desrt { margin-top: -65px; } .footer { background-color: #4B5563; color: white; padding: 0.5rem; font-size: 1rem; text-align: center; margin-top: 100px; } .recipe-gallery { display: flex; justify-content: center; gap: 100px; padding: 20px; margin-top: 100px; } .recipeyy { background-color: #f8eee2; margin-top: 200px; width: 100%; padding-bottom: 50px; margin-top: -5px; border-radius: 10px; padding-top: 50px; padding-left: 10px; } .recipe { position: relative; } .recipe img { width: 250px; height: 250px; border-radius: 10px; object-fit: cover; } .category { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); background-color: #f4b400; color: white; border: none; padding: 8px 16px; border-radius: 5px; font-weight: bold; } .filters { display: flex; justify-content: center; gap: 15px; margin-top: 20px; } .filters button { background-color: white; border: 2px solid #ddd; padding: 10px; border-radius: 50px; cursor: pointer; } .search-bar { margin-top: 20px; display: flex; justify-content: center; gap: 10px; } .search-bar input { width: 300px; padding: 10px; border: 2px solid #ddd; border-radius: 5px; color: white; } .search-bar button { background-color: #6c3b5c; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; } .signup-container { background-color: #6d3b5d; color: white; padding: 10px; width: 500px; margin-left: 400px; border-radius: 5px; margin-top: 100px; margin-bottom: 100px; } .signup-container h2 { font-style: italic; display: inline; } .signup-container span { font-weight: bold; } .signup-container p { font-size: 14px; margin-bottom: 15px; } .form-group { display: flex; justify-content: center; gap: 10px; } .form-group input { padding: 10px; border: none; border-radius: 3px; width: 150px; color: black; } .form-group button { background-color: #e1a153; color: white; border: none; padding: 10px 15px; border-radius: 3px; cursor: pointer; font-weight: bold; } .form-group button:hover { background-color: #cf8b40; } .footer { background-color: #222; color: white; padding: 30px 50px; display: flex; justify-content: space-between; align-items: flex-start; margin-top: 100px; font-family: Arial, sans-serif; border-radius: 20px; width:900px; position: absolute; margin-top: -130px; } .footer-left, .footer-right { width: 45%; } .footer-left p, .footer-right p { margin: 5px 0; font-size: 14px; } .footer-left i, .footer-right i { margin-right: 10px; font-size: 18px; } .contact-info { display: flex; align-items: center; margin-bottom: 15px; } .contact-info i { font-size: 20px; color: #4da6ff; } .contact-info p { margin: 0; font-size: 14px; color: white; } .contact-info a { color: #4da6ff; text-decoration: none; } .contact-info a:hover { color: #1e90ff; } .footer-right h3 { margin-bottom: 15px; font-size: 18px; color: #4da6ff; } .footer-right p { font-size: 14px; color: #bbb; line-height: 1.6; } .social-icons { display: flex; justify-content: center; gap: 15px; margin-top: 10px; } .social-icons a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: #333; color: white; border-radius: 50%; text-decoration: none; transition: all 0.3s ease-in-out; } .social-icons a:hover { background-color: #ff4500; transform: scale(1.1); } .social-icons a:nth-child(1) { background-color: #1877F2; } /* Facebook */ .social-icons a:nth-child(2) { background-color: #1DA1F2; } /* Twitter */ .social-icons a:nth-child(3) { background-color: #0077B5; } /* LinkedIn */ .social-icons a:nth-child(4) { background-color: #171515; } /* GitHub */ .about-section { display: flex; align-items: center; justify-content: space-between; background-color: #f8eee2; padding: 40px; width: 105%; border-radius: 20px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .text-content { max-width: 40%; text-align: center; align-items: center; margin-left: 10px; } .own { margin-left: 250px; font-size: 20px; } .text-content h2 { font-size: 24px; font-weight: bold; height: 300px; padding: 50px; margin-left: 250px; } .text-content .intro { font-style: italic; font-size: 20px; color: #7a4c6d; margin-top: -200px; margin-left: 250px; } .image-content { display: flex; gap: 20px; } .image-content img { width: 300px; height: 500px; border-radius: 10px; background-color: white; } .learn-more { padding: 20px; background-color: #cbc8c6; margin-top: 20px; color: red; margin-left: 250px; margin-top: 100px; } .footeer { background-color: #6d3b5d; color: white; text-align: center; width: 100%; padding-left: 10px; border-radius: 10px; } .containerr { display: flex; justify-content: space-between; align-items: center; margin: 0 auto; } .social-media { display: flex; align-items: center; gap: 10px; } .social-media p { font-weight: bold; margin-left: 70px; } .social-media a { text-decoration: none; color: white; font-size: 20px; background: white; padding: 10px; border-radius: 50%; margin-left: 70px; } .social-media a i { color: #72435D; } .ss { font-size: 16px; /* Adjust the size of the icon */ color: white; /* Icon color */ } .contai-ner { background: beige; width: 100%; padding-bottom: 10px; margin-bottom: -100px; padding-top: 15px; padding-left: 10px; padding-bottom: 10px; } .containerrr { width: 95%; } .titleee { font-size: 24px; font-weight: bold; margin-bottom: 20px; } .comments-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; } .comments-list { display: flex; flex-direction: column; gap: 15px; } .comment-box { display: flex; align-items: flex-start; gap: 10px; padding: 10px; border-radius: 10px; box-shadow: 0 0 8px rgba(255, 255, 255, 0.1); } .teal { background-color: #065f46; border-left: 5px solid yellow; } .yellow { border: 2px solid yellow; background-color: black; } /* Avatar */ .avatar { width: 40px; height: 40px; border-radius: 50%; } .comment-user { font-size: 16px; font-weight: bold; color: yellow; } .comment-date { font-size: 12px; color: gray; } .comment-text { font-size: 14px; color: #ccc; } .comment-form { background-color: #063d30; padding: 20px; border-radius: 10px; box-shadow: 0 0 8px rgba(255, 255, 255, 0.1); color: white; margin-right: 50px; margin-top: 100px; } .form-title { font-size: 20px; font-weight: bold; margin-bottom: 15px; } input, textarea { width: 100%; padding: 10px; background: #333; color: red; border: 1px solid yellow; border-radius: 5px; margin-top: 5px; } textarea { resize: none; } .info-textt { font-size: 12px; color: gray; } .bold { font-weight: bold; } .post-comment { background: yellow; color: black; font-weight: bold; padding: 10px; border: none; border-radius: 5px; cursor: pointer; margin-top: 10px; width: 100%; } .post-comment:hover { background: gold; } .comment-box .reply-btn, .comment-box .react-btn { margin-top: 10px; margin-right: 10px; cursor: pointer; } .comment-box .reply-form { margin-top: 10px; display: none; } .comment-box .reply-box { margin-top: 10px; padding: 10px; background-color: #f0f0f0; border-radius: 5px; } .like-count { margin-left: 10px; } .heart-count { margin-left: 10px; } .reactt-btn { margin-left: 10px; } .hero { background: url('image.png') no-repeat center center/cover; height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; color: white; position: relative; } .hero::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); } .contenat { position: relative; z-index: 2; } .foodblog { font-size: 4rem; font-weight: 700; } .foodblo { font-size: 1.5rem; margin: 10px 0; letter-spacing: 3px; } .btnn { display: inline-block; padding: 12px 24px; margin-top: 10px; border: 2px solid white; color: white; text-decoration: none; font-size: 1rem; transition: 0.3s; } .btnn:hover { background: white; color: black; } { margin: 0; padding: 0; box-sizing: border-box; } .grid-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; max-width: 1200px; margin: 0 auto; margin-top: -350px; margin-right: 10px; } .grid-item { position: relative; } .grid-item img { width: 100%; height: 500px; border-radius: 0.5rem; } .grid-item p { position: absolute; bottom: 1rem; left: 1rem; color: white; font-size: 1.25rem; font-weight: 600; } .view-more-btn { background-color: #e2a23a; /* Warm yellow-orange color */ color: white; font-weight: bold; text-transform: uppercase; border: none; padding: 10px 20px; font-size: 16px; border-radius: 5px; cursor: pointer; transition: all 0.3s ease-in-out; display: block; margin: 20px auto; margin-left: 350px; width: 500px; margin-top: 450px; position: absolute; } .view-more-btn:hover { background-color: #d18c28; /* Darker shade on hover */ transform: scale(1.05); } .view-more-btn:active { transform: scale(0.95); } .custom-ad { width: 300px; height: 250px; border: 1px solid #ddd; box-shadow: 2px 2px 10px rgba(0,0,0,0.1); padding: 10px; background-color: #fff; margin-left: 0px; margin-top: 100px; } .custom-ad img { max-width: 100%; height: auto; border-radius: 5px; transition: transform 0.3s; } .custom-ad img:hover { transform: scale(1.05); } .containeaer{ display: flex; max-width: 1200px; margin: 20px auto; gap: 20px; display: none; /* Initially hidden */ flex-wrap: wrap; align-items: flex-start; } .blog-section { flex: 2; } .section-title { font-size: 20px; font-weight: bold; color: #5a2d41; text-transform: uppercase; margin-bottom: 20px; } .blog-post { display: flex; background: white; margin-bottom: 20px; padding: 15px; border-radius: 8px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); } .blog-post img { width: 150px; height: auto; border-radius: 5px; margin-right: 15px; } .post-content { flex: 1; } .date { font-size: 12px; color: #888; text-transform: uppercase; font-weight: bold; } h3 { font-size: 18px; margin: 5px 0; font-weight: bold; } .read-more { color: #e8a23b; font-weight: bold; text-decoration: none; } .read-more:hover { text-decoration: underline; } .sidebar { flex: 1; display: none; position: relative; } .freezer-meals img { width: 100%; border-radius: 5px; height: 500px; } .recipe-collections { background: white; padding: 25px; border-radius: 8px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); position: absolute; margin-top: -100px; } .recipe-collections h3 { font-size: 18px; color: #5a2d41; font-weight: bold; margin-bottom: 10px; } #name { color: white; } #email { color: white; } .recipe-collections ul { list-style: none; padding: 0; } .recipe-collections li { display: flex; justify-content: space-between; padding: 5px 0; border-bottom: 1px solid #ddd; font-size: 14px; } .recipe-collections li:last-child { border-bottom: none; } /* General Styles for the Chatbox */ .chat-box { position: fixed; bottom: 20px; right: 20px; width: 370px; background-color: #fff; border: 2px solid #ccc; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); display: none; flex-direction: column; z-index: 9999; } .chat-header { background-color: #4CAF50; padding: 10px; color: white; font-size: 16px; display: flex; justify-content: space-between; align-items: center; } .chat-body { padding: 10px; max-height: 200px; overflow-y: auto; font-size: 14px; color: #333; } .chat-footer { display: flex; padding: 10px; border-top: 1px solid #ccc; } .chat-footer input { width: 80%; padding: 8px; margin-right: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; } .chat-footer button { padding: 8px 15px; background-color: #4CAF50; color: white; border: none; border-radius: 4px; cursor: pointer; } .chat-footer button:hover { background-color: #45a049; } .user-message p { position: flex-start margin-bottom: 10px; align-self: flex-start; color: blue; } .bot-message p { position: flex-end; margin-bottom: 10px; align-self: flex-end; color: red; } /* Styling for the Chat Button */ #chat-btn { position: fixed; bottom: 20px; right: 20px; background-color: #4CAF50; color: white; padding: 12px 20px; border: none; border-radius: 50%; cursor: pointer; font-size: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 9999; } #chat-btn:hover { background-color: #45a049; } /* Close button in the chat */ .close-btn { background: none; border: none; color: white; font-size: 20px; cursor: pointer; } .close-btn:hover { color: #f44336; } /* Responsive Design */ @media (max-width: 768px) { .comments-grid { grid-template-columns: 1fr; } } @media screen and (max-width: 768px) { .logo { width: 8rem; height: 8rem; } .header-title { font-size: 1.25rem; } .navbar-list { gap: 1rem; font-size: 0.9rem; } .content-card { width: 12rem; } } bre responsive same style

SHERAP'S HOME MADE KITCHENETTE LAMBAKIN

HI!

The Latest & Greatest

A Coffee Date for Spring

Ridiculously Good Air Fryer Broccoli

Whipped Feta Spread

Leave a comment

Signup

HI!

The Latest & Greatest

A Coffee Date for Spring

Ridiculously Good Air Fryer Broccoli

Whipped Feta Spread

Leave a comment