Next-tier-Task/landingpage.html at main · Herish1605/Next-tier-Task · 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
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Software Company Landing Page</title>
  <style>
    body {
      font-family: 'Segoe UI', sans-serif;
      margin: 0;
      padding: 0;
      background: #f5f7fa;
    }

    header {
      background: #e5f0ff;
      padding: 20px 50px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    header h1 {
      color: #2c3e50;
      font-size: 24px;
    }

    nav button {
      background-color: transparent;
      border: none;
      font-size: 16px;
      margin-left: 20px;
      cursor: pointer;
      color: #2c3e50;
      font-weight: 500;
    }

    .hero {
      padding: 80px 50px;
      background: #e5f0ff;
      text-align: center;
    }

    .hero h2 {
      font-size: 32px;
      color: #1a1a1a;
    }

    .hero p {
      font-size: 16px;
      color: #555;
      max-width: 600px;
      margin: 20px auto;
    }

    .hero button {
      background-color: #2649e6;
      color: white;
      border: none;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
    }

    .services {
      padding: 50px;
      background: #fff;
    }

    .services h3 {
      font-size: 24px;
      color: #1a1a1a;
      margin-bottom: 30px;
    }

    .scroll-box {
      background: #f0f0f0;
      padding: 20px;
      margin-bottom: 20px;
      max-height: 100px;
      overflow-y: auto;
      border-radius: 8px;
    }

    .get-started {
      background: #d9ecff;
      padding: 40px 50px;
      text-align: center;
    }

    .get-started h4 {
      font-size: 22px;
      color: #333;
      margin-bottom: 20px;
    }

    .get-started button {
      background-color: #2649e6;
      color: white;
      padding: 10px 20px;
      font-size: 16px;
      border: none;
      border-radius: 5px;
      cursor: pointer;
    }

    @media (max-width: 600px) {
      header, .hero, .services, .get-started {
        padding: 20px;
      }

      nav button {
        margin: 5px 10px;
      }
    }
  </style>
</head>
<body>

  <header>
    <h1>ZinFrog</h1>
    <nav>
      <button>Service</button>
      <button>Product</button>
      <button>Company</button>
      <button>Contact</button>
    </nav>
  </header>

  <section class="hero">
    <h2>Web Development Company right at the touch!</h2>
    <p>zinfrog codelabs, a hub mastered in the development of odoo erp system, websites, mobile and web application to meet your requirements.</p>
    <button>Book a Demo</button>
  </section>

  <section class="services">
    <h3>Our Services</h3>

    <div class="scroll-box">
      <strong>Customer Relationship Management</strong><br/>
      At ZinFrog, we understand that strong customer relationships are the foundation of business growth. Our CRM solutions are designed to streamline client interactions, improve communication, and drive customer loyalty. From lead generation to after-sales support, we help you track and manage every stage of the customer journey. Whether you’re a startup or an established enterprise, our customizable CRM systems empower your team with real-time insights, automation, and tools to deliver exceptional service at scale.
    </div>

    <div class="scroll-box">
      <strong>Human Resource Management</strong><br/>
      Empower your HR team with modern tools that simplify and optimize every aspect of workforce management. From recruitment and onboarding to performance tracking and payroll processing, our Human Resource Management system automates routine tasks and ensures compliance with ease. With real-time data, smart analytics, and intuitive interfaces, ZinFrog’s HRM solutions enable businesses to focus on what matters most—building a motivated and high-performing team.

    </div>

    <div class="scroll-box">
      <strong>Real Estate Management</strong><br/>
      Managing real estate operations has never been easier. ZinFrog’s Real Estate Management platform offers a complete suite of tools to streamline property listings, tenant management, lease tracking, and maintenance requests—all from one centralized dashboard. Whether you’re overseeing residential or commercial properties, our solution helps reduce overhead, improve occupancy rates, and deliver a seamless experience for property owners, managers, and tenants alike.
    </div>
  </section>

  <section class="get-started">
    <h4>Website Development</h4>
    <button>Get Started</button>
  </section>

</body>
</html>