GitHub - Dezhydro/Hello-World: My first repository on GitHub

Branches Tags

Name		Name	Last commit message	Last commit date
Latest commit History 33 Commits
ইউজার মডেল: models		ইউজার মডেল: models
ধাপ ৪: ইউজার Authentication রাউট (routes		ধাপ ৪: ইউজার Authentication রাউট (routes
ধাপ ৫: প্রোডাক্ট মডেল ও রাউট a) প্রোডাক্ট মডেল (models		ধাপ ৫: প্রোডাক্ট মডেল ও রাউট a) প্রোডাক্ট মডেল (models
2 FA চালু বন্ধ আপশোনাল		2 FA চালু বন্ধ আপশোনাল
README		README
language		language
server.js — বেসিক সার্ভার ও রুটস		server.js — বেসিক সার্ভার ও রুটস
অবশ্যই, আমি তোমার জন্য গ্রাহকের সহজ ও আকর্ষক ব্রাউজিং অভিজ্ঞতা নিশ্চিত করার জন্য একটি মৌলিক ও কার্যকরী ওয়েবসাইটের ফ্রন্টএন্ড ডিজাইনের ডেমো কোড তৈরি করে দিলাম। এতে responsive, পরিষ্কার নেভিগেশন, সার্চ ও ফিল্টার, প্রোডাক্ট কার্ড, এবং বেসিক ইউজার ইন্টারফেস থাকবে। React + Tailwind CSS ব্যবহার করে উদাহরণ		অবশ্যই, আমি তোমার জন্য গ্রাহকের সহজ ও আকর্ষক ব্রাউজিং অভিজ্ঞতা নিশ্চিত করার জন্য একটি মৌলিক ও কার্যকরী ওয়েবসাইটের ফ্রন্টএন্ড ডিজাইনের ডেমো কোড তৈরি করে দিলাম। এতে responsive, পরিষ্কার নেভিগেশন, সার্চ ও ফিল্টার, প্রোডাক্ট কার্ড, এবং বেসিক ইউজার ইন্টারফেস থাকবে। React + Tailwind CSS ব্যবহার করে উদাহরণ
উদাহরণ: ফ্রন্টএন্ড অংশ (HTML + JS)		উদাহরণ: ফ্রন্টএন্ড অংশ (HTML + JS)

Repository files navigation

```html
<!DOCTYPE html>
<html lang="bn">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="description" content="মাগুড়া সার্ভিসিং কেয়ার - এসি, ফ্রিজ, জেনারেটর, ওয়েল্ডিং মেশিন, ড্রিল মেশিন, মাইক্রোওভেন এবং ওয়াশিং মেশিন মেরামত ও সার্ভিসিং।">
  <meta name="keywords" content="মাগুড়া, এসি মেরামত, ফ্রিজ সার্ভিস, জেনারেটর, ওয়েল্ডিং মেশিন, ড্রিল মেশিন, মাইক্রোওভেন, ওয়াশিং মেশিন">
  <title>মাগুড়া সার্ভিসিং কেয়ার</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Bengali&display=swap" rel="stylesheet">
  <style>
    body {
      font-family: 'Noto Sans Bengali', Arial, sans-serif;
      background: #f9fafd;
      margin: 0; padding: 0;
      color: #333;
    }
    header {
      background-color: #004aad;
      color: white;
      padding: 20px 10px;
      text-align: center;
    }
    .logo {
      width: 100px;
      height: auto;
      margin-bottom: 10px;
    }
    nav {
      background-color: #00337f;
      display: flex;
      justify-content: center;
    }
    nav a {
      color: white;
      text-decoration: none;
      padding: 15px 20px;
      display: block;
      font-weight: bold;
    }
    nav a:hover {
      background-color: #002060;
    }
    .container {
      max-width: 1000px;
      margin: 20px auto;
      padding: 0 15px;
    }
    h1, h2 {
      color: #004aad;
    }
    .service-list {
      list-style: none;
      padding: 0;
    }
    .service-list li {
      background: white;
      margin: 10px 0;
      padding: 15px;
      border-left: 5px solid #004aad;
      box-shadow: 0 0 5px rgba(0,0,0,0.1);
    }
    footer {
      background-color: #004aad;
      color: white;
      text-align: center;
      padding: 15px 10px;
      margin-top: 30px;
    }
    form label {
      display: block;
      margin-top: 10px;
      font-weight: bold;
    }
    form input, form textarea {
      width: 100%;
      padding: 8px;
      margin-top: 5px;
      box-sizing: border-box;
    }
    form button {
      margin-top: 15px;
      background-color: #004aad;
      color: white;
      border: none;
      padding: 10px 15px;
      cursor: pointer;
      font-weight: bold;
    }
    form button:hover {
      background-color: #00337f;
    }
    /* Responsive */
    @media (max-width: 600px) {
      nav {
        flex-direction: column;
      }
    }
  </style>
</head>
<body>

<header>
  <h1>মাগুড়া সার্ভিসিং কেয়ার</h1>
  <p>দ্রুত ও বিশ্বাসযোগ্য সার্ভিসিং আপনার সেবায়</p>
</header>

<nav>
  <a href="#home">হোম</a>
  <a href="#about">আমাদের সম্পর্কে</a>
  <a href="#services">সার্ভিসসমূহ</a>
  <a href="#contact">যোগাযোগ</a>
</nav>

<div class="container">

  <section id="home">
    <h2>স্বাগতম</h2>
    <p>আমরা এসি, ফ্রিজ, মটর, ফ্যান, জেনারেটর, ওয়েল্ডিং মেশিন, ড্রিল মেশিন, মাইক্রোওভেন ও ওয়াশিং মেশিন সার্ভিস ও বিক্রয় করে থাকি। আপনার যেকোনো যন্ত্রপাতির সমস্যা সমাধানে আমরা প্রস্তুত।</p>
  </section>

  <section id="about">
    <h2>আমাদের সম্পর্কে</h2>
    <p>মাগুড়া সার্ভিসিং কেয়ার দীর্ঘ ১০ বছর ধরে সেবা প্রদান করে আসছে। আমাদের লক্ষ্য গ্রাহকের সন্তুষ্টি এবং দ্রুত সার্ভিস। আমাদের দক্ষ টেকনিশিয়ানরা যেকোনো ধরনের যন্ত্রপাতি মেরামতে সক্ষম।</p>
  </section>

  <section id="services">
    <h2>সার্ভিসসমূহ</h2>
    <ul class="service-list">
      <li>এসি মেরামত ও রিফ্রেশ</li>
      <li>ফ্রিজ সার্ভিস ও গ্যাস রিফিল</li>
      <li>মোটর ও ফ্যান মেরামত</li>
      <li>জেনারেটর সার্ভিস ও পাস করা</li>
      <li>ওয়েল্ডিং মেশিন মেরামত</li>
      <li>ড্রিল মেশিন সার্ভিস</li>
      <li>মাইক্রোওভেন ও ওয়াশিং মেশিন মেরামত</li>
    </ul>
  </section>

  <section id="contact">
    <h2>যোগাযোগ</h2>
    <p>ঠিকানা: মাগুড়া সদর, মাগুড়া, বাংলাদেশ</p>
    <p>ফোন: +880 1234 567890</p>
    <p>ইমেইল: info@magracare.com</p>

    <h3>যোগাযোগ ফর্ম</h3>
    <form>
      <label for="name">নাম</label>
      <input type="text" id="name" name="name" placeholder="আপনার নাম লিখুন" required>

      <label for="email">ইমেইল</label>
      <input type="email" id="email" name="email" placeholder="আপনার ইমেইল লিখুন" required>

      <label for="message">বার্তা</label>
      <textarea id="message" name="message" rows="4" placeholder="আপনার বার্তা লিখুন" required></textarea>

      <button type="submit">পাঠিয়ে দিন</button>
    </form>
  </section>

</div>

<footer>
  <p>© ২০২৫ মাগুড়া সার্ভিসিং কেয়ার। সর্বস্বত্ব সংরক্ষিত।</p>
</footer>

</body>
</html>