mafconvertify/services.html at main · ayaanwebdeveloper/mafconvertify · 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
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Services</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-LN+7fdVzj6u52u30Kp6M/trliBMCMKTyK833zpbD+pXdCLuTusPj697FH4R/5mcr" crossorigin="anonymous">
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <nav class="navbar navbar-expand-lg bg-body-tertiary">
    <div class="container-fluid">
      <a class="navbar-brand" href="index.html">MAF CONVERTIFY</a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
        aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link active" aria-current="page" href="index.html">Home</a>
          </li>
          <li class="nav-item ">
            <a class="nav-link active" href="services.html">Services</a>
          </li>
          <li class="nav-item">
            <a class="nav-link active" href="portofolio.html">Portfolio</a>
          </li>
          <li class="nav-item">
            <a class="nav-link active" href="#fo">Contact</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>
  <div class="mar-card">
    <h1 class="qss">Quality Services</h1>
    <p class="expert">Expertise in digital marketing and innovative web solutions.</p>
  </div>
  <div class="flex-shell">
    <div class="card-unit1">
      <img src="asset/img/ca1.avif" alt="" class="unit1-img">
      <h1 class="brand-sol">Branding Solutions</h1>
      <p class="brand-trans">Transforming visions into standout brands and identities.</p>
      <!-- <button class="exp-btn-services"><a href="#" class="exp-links">Explore</a></button> -->
    </div>

    <div class="card-unit1">
      <img src="asset/img/ca2.avif" alt="" class="unit1-img">
      <button class="exp-btn-servicez"><a href="#" class="exp-link">Explore</a></button>
    </div>

  </div>

  <div class="flex-shell mt-5">
    <div class="card-unit1">
      <img src="asset/img/ca3.avif" alt="" class="unit1-img">
      <h1 class="brand-sol">Web Development</h1>
      <p class="brand-trans">Creating responsive websites tailored to your business needs.</p>
      <!-- <button class="exp-btn-services"><a href="#" class="exp-links">Explore</a></button> -->
    </div>

    <div class="card-unit1">
      <img src="asset/img/ca4.avif" alt="" class="unit1-img">
      <button class="exp-btn-servicez2"><a href="#" class="exp-link2">Learn</a></button>
    </div>

  </div>

  <section class="testimonial-section margin-for-abs">
    <div class="testimonial-container">
      <div class="stars">★★★★★</div>
      <p class="testimonial-text">
        PFP Chroma exceeded my expectations! Their digital marketing strategies and branding expertise transformed my
        business. Highly recommend their services for anyone looking to elevate their brand.
      </p>
      <div class="testimonial-author">
        <img src="asset/img/john.avif" alt="John Doe" class="author-img" />
        <p class="author-name">John Doe</p>
      </div>
    </div>
  </section>


  <div class="flow-left">
    <div class="flox-5">
      <div class="cond1">
        <img src="asset/img/co1.avif" alt="Snapchat Sign">
      </div>
      <div class="cond2">
        <h3>Elevate Your Brand with PFP Chroma's Digital Marketing Expertise and Creative Solutions</h3>
        <p>At PFP Chroma, we prioritize client satisfaction by offering tailored digital marketing, content creation, logo design, branding, and web development services. Discover how our expertise can enhance your brand's online presence and drive business growth in today's competitive market.</p>
        <div class="date">5/8/2024 · 1 min read</div>
      </div>
    </div>

    <div class="flox-5">
      <div class="cond1">
        <img src="asset/img/co2.avif" alt="Branding Kit">
      </div>
      <div class="cond2">
        <h3>Elevate Your Brand with PFP Chroma's Digital Marketing Expertise</h3>
        <p>At PFP Chroma, we prioritize client satisfaction through exceptional digital marketing, content creation, logo design, branding, and web development. Discover how our tailored solutions can enhance your business presence and drive success in various market niches. Let us be your trusted digital agent for growth.</p>
        <div class="date">5/8/2024 · 1 min read</div>
      </div>
    </div>
  </div>
<footer id="fo">
    <div class="footer-container">

      <!-- Services -->
      <div class="footer-col">
        <h2>Services</h2>
        <p>Digital marketing, branding, and web development solutions.</p>
        <div class="social-icons">
          <a href="#"><i class="fab fa-facebook-f"></i></a>
          <a href="#"><i class="fab fa-instagram"></i></a>
          <a href="#"><i class="fab fa-tiktok"></i></a>
          <a href="#"><i class="fab fa-x-twitter"></i></a>
        </div>
      </div>

      <!-- Contact -->
      <div class="footer-col">
        <h2>Contact</h2>
        <p>+1 (306) 556-1650</p>
        <p>mafconvertify@ecommercewithabdullahfaheem.agency</p>
        <p>1942 BROADWAY STE 314C<br>BOULDER, CO 80302</p>
      </div>

      <!-- Support -->
      <div class="footer-col support-form">
        <h2>Support</h2>
        <form>
          <input type="email" placeholder="Enter your email here" required>
          <button type="submit">Submit your inquiry now</button>
        </form>
      </div>

    </div>

    <div class="footer-bottom">
      © 2024. All rights reserved.
    </div>
  </footer>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-ndDqU0Gzau9qJ1lfW4pNLlhNTkCfHzAVBReH9diLvGRem5+R9g2FzA8ZGN954O5Q"
    crossorigin="anonymous"></script>
</body>

</html>