pinknake.github.io/post1.html at main · pinknake/pinknake.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ghar Manager Blog & Guide</title>

<style>
body{
margin:0;
font-family: 'Segoe UI', sans-serif;
background: linear-gradient(135deg,#ff9a9e,#fad0c4);
color:#333;
}

/* Header */
header{
text-align:center;
padding:20px;
background:#fff;
box-shadow:0 2px 10px rgba(0,0,0,0.1);
animation:fadeDown 1s ease;
}

header h1{
margin:0;
color:#ff5e62;
}

/* Grid */
.container{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:20px;
padding:20px;
}

/* Card */
.card{
background:#fff;
padding:20px;
border-radius:15px;
box-shadow:0 5px 15px rgba(0,0,0,0.15);
transition:0.3s;
animation:fadeUp 0.8s ease;
}

.card:hover{
transform:translateY(-10px) scale(1.03);
}

.card h2{
color:#ff5e62;
margin-top:0;
}

.card ul{
padding-left:18px;
}

/* Footer */
footer{
text-align:center;
padding:15px;
background:#fff;
margin-top:20px;
}

/* Animations */
@keyframes fadeUp{
from{opacity:0; transform:translateY(20px);}
to{opacity:1; transform:translateY(0);}
}

@keyframes fadeDown{
from{opacity:0; transform:translateY(-20px);}
to{opacity:1; transform:translateY(0);}
}

button{
background:#ff5e62;
color:#fff;
border:none;
padding:10px 15px;
border-radius:8px;
cursor:pointer;
}

button:hover{
background:#ff9966;
}
</style>
</head>

<body>

<header>
<h1>📚 Ghar Manager Blog & Guide</h1>
<p>Learn how to use Kitchen Manager easily</p>
</header>

<div class="container">

<!-- Guide -->
<div class="card">
<h2>📖 How to Use App</h2>
<ul>
<li>Add daily kitchen expenses</li>
<li>Track monthly grocery budget</li>
<li>Export PDF invoice anytime</li>
<li>Use share button to send report</li>
</ul>
</div>

<!-- Problems -->
<div class="card">
<h2>⚙️ Common Problems</h2>
<ul>
<li>Data not saving → Check browser storage</li>
<li>PDF not downloading → Enable download permission</li>
<li>App slow → Clear cache</li>
<li>Mobile lag → Refresh PWA</li>
</ul>
</div>

<!-- Q&A -->
<div class="card">
<h2>❓ Quick Q&A</h2>
<p><b>Q:</b> Is app offline? <br> <b>A:</b> Yes PWA supports offline mode</p>
<p><b>Q:</b> Is data secure? <br> <b>A:</b> Data stored locally in device</p>
<p><b>Q:</b> Can I share report? <br> <b>A:</b> Yes via share button</p>
</div>

<!-- Copyright -->
<div class="card">
<h2>© Copyright & Policy</h2>
<p>This app content, design & branding belongs to Ghar Manager.</p>
<p>Unauthorized copying or redistribution is prohibited.</p>
<button onclick="alert('Contact developer for permission')">Contact</button>
</div>

</div>

<footer>
<p>🚀 Made with ❤️ for Smart Kitchen Management</p>
</footer>

</body>
</html>