Skip to content

Commit

Permalink
updated website
Browse files Browse the repository at this point in the history
  • Loading branch information
@Nova-Mok
Nova-Mok committed Sep 6, 2024
1 parent f112052 commit f001e61
Show file tree
Hide file tree
Showing 8 changed files with 1,018 additions and 4 deletions.
154 changes: 154 additions & 0 deletions blog.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,154 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blogs | Rizz - AI Fashion Shopping Assistant</title>
<meta name="description" content="Read the latest blogs on fashion, style tips, how to identify your skin tone, body type, and build a capsule wardrobe with Rizz, your AI-powered fashion assistant.">
<meta name="keywords" content="AI fashion assistant, skin tone, body type, capsule wardrobe, personalized fashion, fashion advice, style tips">
<meta name="author" content="Rizz - AI Shopping Application">

<!-- Open Graph Meta Tags for Social Sharing -->
<meta property="og:title" content="Blogs | Rizz - AI Fashion Shopping Assistant">
<meta property="og:description" content="Discover the latest fashion blogs on skin tone, body type, and capsule wardrobes with Rizz's AI-powered style advice.">
<meta property="og:image" content="https://i.pinimg.com/474x/a6/52/71/a65271f7924384fa486c06f10ecb78d0.jpg">
<meta property="og:url" content="https://www.getrizz.club/blogs">
<meta property="og:type" content="website">

<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Blogs | Rizz - AI Fashion Shopping Assistant">
<meta name="twitter:description" content="Read about skin tone analysis, body type identification, and capsule wardrobes with the Rizz fashion assistant.">
<meta name="twitter:image" content="https://i.pinimg.com/474x/a6/52/71/a65271f7924384fa486c06f10ecb78d0.jpg">

<!-- Fonts and Styles -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Roboto', sans-serif;
margin: 0;
padding: 0;
background-color: #F8F9EF;
color: #4a4a4a;
}
.container {
max-width: full;
margin: 0 auto;
padding: 40px 20px;
}
.breadcrumb {
font-size: 1em;
margin-bottom: 20px;
color: #666;
}
.breadcrumb a {
color: #0066cc;
text-decoration: none;
}
.breadcrumb a:hover {
text-decoration: underline;
}
h1 {
text-align: center;
color: #333;
font-size: 2.5em;
margin-bottom: 40px;
font-weight: 700;
}
.blogs-grid {
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: center;
}
.blog-card {
background: #fff;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
overflow: hidden;
width: 100%;
max-width: 350px;
transition: transform 0.3s;
}
.blog-card:hover {
transform: translateY(-5px);
}
.blog-card img {
width: 100%;
height: 200px;
object-fit: cover;
alt: "Fashion and style blog - Rizz AI Fashion Assistant";
}
.blog-content {
padding: 20px;
}
.blog-content h2 {
font-size: 1.5em;
color: #333;
margin-bottom: 10px;
font-weight: 500;
}
.blog-content p {
font-size: 1em;
color: #555;
margin-bottom: 20px;
}
.read-more {
display: inline-block;
padding: 10px 20px;
background-color: #2B2B2B;
color: #fff;
border-radius: 8px;
text-decoration: none;
font-weight: 500;
transition: background-color 0.3s;
}
.read-more:hover {
background-color: #BADF72;
}
@media (max-width: 768px) {
.blogs-grid {
flex-direction: column;
align-items: center;
}
}
</style>
</head>
<body>
<div class="container">
<nav class="breadcrumb" aria-label="breadcrumb">
<a href="/">Home</a> &gt; <span>Blogs</span>
</nav>
<h1>Our Latest Blogs on Fashion and Style</h1>
<div class="blogs-grid">
<!-- Blog Card 1 -->
<article class="blog-card">
<img src="https://i.pinimg.com/474x/a6/52/71/a65271f7924384fa486c06f10ecb78d0.jpg" alt="How to Determine Your Skin Tone | Rizz Fashion Assistant">
<div class="blog-content">
<h2>How to Determine Your Skin Tone</h2>
<p>Understanding your skin tone is essential for choosing the right colors in your wardrobe. Learn how to identify your skin tone and enhance your natural beauty.</p>
<a href="/skintone.html" class="read-more" title="Read more about how to determine your skin tone">Read More</a>
</div>
</article>
<!-- Blog Card 2 -->
<article class="blog-card">
<img src="https://i.pinimg.com/474x/7e/cf/89/7ecf895d0b86df75ea83f8a557ddd622.jpg" alt="How to Identify Your Body Type | Rizz Fashion Assistant">
<div class="blog-content">
<h2>How to Identify Your Body Type</h2>
<p>Knowing your body type can transform your shopping experience. Discover how Rizz helps you identify your body type and find outfits that flatter your shape.</p>
<a href="/bodytype.html" class="read-more" title="Learn more about identifying your body type">Read More</a>
</div>
</article>
<!-- Blog Card 3 -->
<article class="blog-card">
<img src="https://i.pinimg.com/474x/b7/81/1c/b7811c5e232710565de98e1ec63e5f36.jpg" alt="How to Build a Capsule Wardrobe | Rizz Fashion Assistant">
<div class="blog-content">
<h2>How to Build a Capsule Wardrobe</h2>
<p>Ever feel overwhelmed by too many clothing options in your closet, yet still struggle with "nothing to wear" moments? A capsule wardrobe could be the solution.</p>
<a href="/capsule-wardrobe.html" class="read-more" title="Read more about building a capsule wardrobe">Read More</a>
</div>
</article>
</div>
</div>
</body>
</html>
122 changes: 122 additions & 0 deletions bodytype.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,122 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>How to Identify Your Body Type | Rizz - AI Shopping Application</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Roboto', sans-serif;
margin: 0;
padding: 0;
background-color: #F8F9EF;
color: #4a4a4a;
}
.container {
max-width: 800px;
margin: 40px auto;
background: #fff;
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.breadcrumb {
font-size: 1em;
margin-bottom: 20px;
color: #666;
}
.breadcrumb a {
color: #0066cc;
text-decoration: none;
}
.breadcrumb a:hover {
text-decoration: underline;
}
h1 {
color: #333;
font-size: 2em;
margin-bottom: 20px;
font-weight: 700;
}
img.blog-image {
width: 100%;
height: auto;
border-radius: 8px;
margin-bottom: 20px;
}
h2 {
color: #555;
font-size: 1.5em;
margin-top: 20px;
font-weight: 500;
}
p {
font-size: 1.1em;
line-height: 1.6;
margin-bottom: 20px;
}
ul {
margin-left: 20px;
margin-bottom: 20px;
}
li {
margin-bottom: 10px;
}
a {
color: #0066cc;
text-decoration: none;
font-weight: 500;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div class="container">
<nav class="breadcrumb">
<a href="/">Home</a> &gt; <a href="/blog.html">Blogs</a> &gt; <span>How to Identify Your Body Type</span>
</nav>
<h1>How to Identify Your Body Type</h1>
<img src="https://i.pinimg.com/474x/09/6b/14/096b1477f41c2ae8bc0811036f676fb5.jpg" alt="Identify Your Body Type" class="blog-image">
<p>Knowing your body type is crucial for selecting clothing that highlights your best features and enhances your overall appearance. With the help of Rizz’s AI-powered technology, identifying your body type becomes effortless, allowing you to make informed fashion choices.</p>

<h2>1. Understanding Body Types</h2>
<p>Body types are typically categorized to help guide fashion choices. The most common classifications include:</p>
<ul>
<li><strong>Hourglass:</strong> Balanced proportions with a defined waist.</li>
<li><strong>Apple:</strong> Larger upper body with slimmer legs.</li>
<li><strong>Pear:</strong> Wider hips and thighs with a smaller upper body.</li>
<li><strong>Rectangle:</strong> Straight silhouette with minimal waist definition.</li>
<li><strong>Inverted Triangle:</strong> Broader shoulders with narrower hips.</li>
</ul>

<h2>2. How to Determine Your Body Type</h2>
<p>Follow these steps to identify your body type:</p>
<ul>
<li><strong>Measure Your Body:</strong> Take accurate measurements of your bust, waist, and hips.</li>
<li><strong>Analyze Proportions:</strong> Compare your measurements to identify which parts of your body are more prominent.</li>
<li><strong>Observe Your Silhouette:</strong> Stand in front of a mirror and assess your overall silhouette to see which category you fit into.</li>
</ul>

<h2>3. Dressing for Your Body Type</h2>
<p>Once you’ve identified your body type, you can tailor your wardrobe to accentuate your strengths:</p>
<ul>
<li><strong>Hourglass:</strong> Highlight your waist with fitted clothing and use belts to emphasize your curves.</li>
<li><strong>Apple:</strong> Opt for A-line dresses and tops that flow away from the midsection to create a balanced look.</li>
<li><strong>Pear:</strong> Wear tops with detail and structure to draw attention upward, and choose bottoms that elongate your legs.</li>
<li><strong>Rectangle:</strong> Create the illusion of curves with peplum tops and dresses that cinch at the waist.</li>
<li><strong>Inverted Triangle:</strong> Balance your broad shoulders with fitted bottoms and avoid overly embellished tops.</li>
</ul>

<h2>4. Rizz’s AI-Powered Styling Tips</h2>
<p>Rizz leverages AI technology to provide personalized styling tips based on your body type. By analyzing your preferences and body proportions, Rizz suggests outfits that not only fit well but also enhance your natural shape.</p>

<h2>5. Conclusion</h2>
<p>Identifying your body type is a key step in building a wardrobe that reflects your style and flatters your figure. With Rizz’s AI-driven recommendations, you can effortlessly find clothing that fits your body type, ensuring you look stylish and feel confident every day.</p>

<p>Ready to elevate your fashion game? <a href="https://play.google.com/store/apps">Download the Rizz app</a> and let our AI assistant guide you to the perfect outfits!</p>
</div>
</body>
</html>
116 changes: 116 additions & 0 deletions capsule-wardrobe.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,116 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>How to Build a Capsule Wardrobe | Rizz - AI Shopping Application</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Roboto', sans-serif;
margin: 0;
padding: 0;
background-color: #F8F9EF;
color: #4a4a4a;
}
.container {
max-width: 800px;
margin: 40px auto;
background: #fff;
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.breadcrumb {
font-size: 1em;
margin-bottom: 20px;
color: #666;
}
.breadcrumb a {
color: #0066cc;
text-decoration: none;
}
.breadcrumb a:hover {
text-decoration: underline;
}
h1 {
color: #333;
font-size: 2em;
margin-bottom: 20px;
font-weight: 700;
}
img.blog-image {
width: 100%;
height: auto;
border-radius: 8px;
margin-bottom: 20px;
}
h2 {
color: #555;
font-size: 1.5em;
margin-top: 20px;
font-weight: 500;
}
p {
font-size: 1.1em;
line-height: 1.6;
margin-bottom: 20px;
}
ul {
margin-left: 20px;
margin-bottom: 20px;
}
li {
margin-bottom: 10px;
}
a {
color: #0066cc;
text-decoration: none;
font-weight: 500;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div class="container">
<nav class="breadcrumb">
<a href="/">Home</a> &gt; <a href="/blog.html">Blogs</a> &gt; <span>How to Build a Capsule Wardrobe</span>
</nav>
<h1>How to Build a Capsule Wardrobe</h1>
<img src="https://i.pinimg.com/474x/e7/b6/ea/e7b6ea986a3dd6598d1f34b056405319.jpg" alt="Capsule Wardrobe" class="blog-image">
<p>Ever feel overwhelmed by too many clothing options in your closet, yet still struggle with "nothing to wear" moments? A capsule wardrobe could be the solution. A capsule wardrobe is a minimalist collection of essential clothing items that work together to create a variety of outfits with fewer pieces, saving you time, space, and money.</p>

<h2>1. What is a Capsule Wardrobe?</h2>
<p>A capsule wardrobe is a curated selection of timeless, versatile pieces that can be mixed and matched to create multiple outfits. It typically includes essentials like jeans, neutral tops, outerwear, and a few statement accessories. The idea is to have fewer but better-quality items that suit your lifestyle and personal style.</p>

<h2>2. Why Build a Capsule Wardrobe?</h2>
<p>There are several benefits to building a capsule wardrobe:</p>
<ul>
<li><strong>Simplicity:</strong> It reduces decision fatigue and simplifies getting dressed each day.</li>
<li><strong>Sustainability:</strong> You invest in high-quality, long-lasting pieces, which is more eco-friendly than fast fashion.</li>
<li><strong>Cost-Effective:</strong> By focusing on a few versatile items, you spend less on clothing over time.</li>
<li><strong>Personal Style:</strong> A capsule wardrobe helps you refine and focus on your unique style preferences.</li>
</ul>

<h2>3. How to Build a Capsule Wardrobe</h2>
<p>Follow these steps to start building your own capsule wardrobe:</p>
<ul>
<li><strong>Step 1: Define Your Style:</strong> Start by identifying your personal style. What colors and silhouettes do you gravitate toward? Think about your lifestyle—are you more casual or formal? This will guide your clothing choices.</li>
<li><strong>Step 2: Declutter Your Closet:</strong> Go through your wardrobe and remove items that no longer fit, aren’t your style, or don’t make you feel confident. Keep only the pieces that you truly love and wear frequently.</li>
<li><strong>Step 3: Choose Your Essentials:</strong> Select versatile pieces that form the foundation of your wardrobe. This may include neutral tops, well-fitting jeans, a classic jacket, and a few pairs of shoes.</li>
<li><strong>Step 4: Add Statement Pieces:</strong> Once you have the basics, add a few statement pieces that reflect your personality. This could be a bold jacket, patterned dress, or unique accessories.</li>
<li><strong>Step 5: Focus on Quality Over Quantity:</strong> Invest in high-quality items that will last longer and provide better value in the long run.</li>
</ul>

<h2>4. How Rizz Helps Build a Capsule Wardrobe</h2>
<p>Rizz's AI-powered shopping assistant can guide you in building a capsule wardrobe by offering personalized recommendations based on your style preferences and needs. With smart suggestions for essential and versatile pieces, Rizz ensures that every item in your capsule wardrobe works together effortlessly.</p>

<h2>Conclusion</h2>
<p>Building a capsule wardrobe is a powerful way to simplify your wardrobe, make smarter shopping decisions, and hone in on your personal style. With Rizz’s AI technology by your side, creating a functional, stylish, and sustainable wardrobe has never been easier.</p>

<p>Ready to start your capsule wardrobe journey? <a href="https://play.google.com/store/apps">Download the Rizz app</a> today for personalized guidance and curated fashion suggestions!</p>
</div>
</body>
</html>
Loading

0 comments on commit f001e61

Please sign in to comment.