Web-Development/Blog/about.html at main · Sanjanayadav07/Web-Development · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>About - iBlog</title>
  <link rel="stylesheet" href="css/utils.css" />
  <link rel="stylesheet" href="css/style.css" />
  <link rel="stylesheet" href="css/about.css" />
  <link rel="stylesheet" href="css/mobile.css" />
</head>
<body>
  <!-- Navigation -->
  <nav class="navigation max-width-1 m-auto">
    <div class="nav-left">
      <a href="/">
        <span><img src="img/logo.png" width="94px" alt="iBlog Logo" /></span>
      </a>
      <ul>
        <li><a href="/index.html">Home</a></li>
        <li><a href="/about.html">About</a></li>
        <li><a href="/contact.html">Contact</a></li>
      </ul>
    </div>
    <div class="nav-right">
      <form action="/search.html" method="get">
        <input class="form-input" type="text" name="query" placeholder="Article Search" />
        <button class="btn">Search</button>
      </form>
    </div>
  </nav>

  <div class="max-width-1 m-auto"><hr /></div>

  <!-- About Section -->
  <div class="contact-content font1 max-width-1 m-auto">
    <div class="max-width-1 m-auto mx-1">
      <h2>About iBlog</h2>
      <p>
        iBlog is a heaven for bloggers, writers, and readers. Whether you're passionate about tech, lifestyle, or creative writing, we give your voice a platform to be heard by the world.
      </p>
      <p>
        Our mission is to provide a clean, easy-to-use platform for publishing quality blogs, sharing opinions, and building a creative community. We’re all about authenticity, creativity, and a great user experience.
      </p>
      <p>
        Founded with love by <strong>Byomkesh Mahato</strong>, iBlog is made for passionate minds to inspire, inform, and impact.
      </p>
    </div>
  </div>

  <!-- Team Section -->
  <div class="team-cards-section">
    <h2>Meet the Team</h2>
    <div class="team-cards">
      <div class="team-card">
        <img src="https://images.pexels.com/photos/220453/pexels-photo-220453.jpeg?w=100" alt="Piyush" />
        <h3>Piyush</h3>
        <p class="role">Frontend Developer</p>
        <p class="bio">
          Passionate about clean code and responsive UI. Loves React & JavaScript frameworks.
        </p>
      </div>

      <div class="team-card">
        <img src="https://images.pexels.com/photos/614810/pexels-photo-614810.jpeg?w=100" alt="Byomkesh Mahato" />
        <h3>Byomkesh Mahato</h3>
        <p class="role">Founder & Content Head</p>
        <p class="bio">
          Blogger at heart, visionary by nature. Leads the platform and curates quality content.
        </p>
      </div>

      <div class="team-card">
        <img src="https://images.pexels.com/photos/415829/pexels-photo-415829.jpeg?w=100" alt="Sanjana" />
        <h3>Sanjana</h3>
        <p class="role">UI/UX Designer</p>
        <p class="bio">
          Designs with empathy and elegance. Focused on enhancing user experience for iBlog.
        </p>
      </div>
    </div>
  </div>

  <!-- Footer -->
  <div class="footer">
    <p>Copyright &copy; iBlog.com</p>
    <a href="https://www.vecteezy.com/free-vector/typewriter">Vector Credits: Vecteezy</a>
  </div>
</body>
</html>