Strong-Concepts/services.html at main · timk-dev/Strong-Concepts · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="theme-color" content="#000000" />

    <title>Services</title>
    <meta
      name="Description"
      content="Explore comprehensive trucking services including freight transport and logistics solutions. Reliable and efficient coverage for all your transportation needs. Contact us today for competitive rates and tailored solutions."
    />
    <link rel="stylesheet preconnect" href="/style.css">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Anton&display=swap" rel="stylesheet preload">
    <script src="/Components/Navbar/nav.js" type="text/javascript" defer></script>
    <script src="/Components/Footer/footer.js" type="text/javascript" defer></script>
</head>

<body>

    <nav-component></nav-component>

    <div class="menu-btn">
      <article>
          <div class="menu-btn__burger"></div>
      </article>
    </div>

    <section class="cont-page">
        <nav>
            <ul>
                <li><a aria-label="Go to the services page." href="/services.html"><span>Services</span></a></li>
                <li><a aria-label="Go to the about page." href="/about.html"><span>About</span></a></li>
                <li><a aria-label="Go to the quote page." href="/quote.html"><span>Request A Quote</span></a></li>
                <li><a aria-label="Go to the contact page." href="/contact.html"><span>Contact</span></a></li>
            </ul>

            <article>
                <span>Mobile, AL - 251.xxx.xxxx - xxxxxxx@gmail.com</span>
            <article>
        </nav>
    </section>

    <main>
      <section class="pageTransition">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
      </section>

      <section class="servicesPage">
        <div class="servicesText">
          <span>What can we do for you?</span>
          <h1>Services We Offer.</h1>
        </div>

        <article id="freightTransport">
          <img loading='lazy' src="../../Assets/Images/cargo7.webp" width='325px' height='175px' alt="Image of a transport truck"></img>

          <div>
            <h2>Freight Transport</h2>
            <p class="givePad">
              We excel in delivering reliable freight transport solutions tailored to your needs. We handle your cargo with the utmost care and professionalism, ensuring safe and timely delivery of your goods every time.
            </p>

            <section class="logServices">
              <p><strong>This Service Includes:</strong></p>

              <span>
                <strong>Full Truckload/Less-than-Truckload</strong><br>
                <i>Dedicated Freight:</i> Use of an entire truck for large shipments, optimizing delivery times and reducing handling.<br />
                <i>Freight Consolidation:</i> Grouping shipments to minimize costs and maximize efficiency.
              </span>

              <span>
                <strong>Freight Brokerage</strong><br>
                <i>Rate Negotiation:</i> Negotiations to secure competitive rates and optimal routes for your shipments.
              </span>

              <span>
                <strong>Expedited Shipping</strong><br>
                <i>Direct Routes:</i> Using direct and express routes to ensure the quickest possible transit times.
              </span>
            </section>

            <a class="button" aria-label="Go to the quote page." href="quote.html">Get A Quote</a>
          </div>
        </article>

        <article id="logistics">
          <img loading='lazy' src="../../Assets/Images/logisticsPpl.webp" width='325px' height='175px' alt="Image of a transport truck"></img>

          <div>
            <h2>Logistics</h2>
            <p class="givePad">
              Strong Concepts delivers end-to-end logistics solutions that streamline your supply chain and boost efficiency. Our services cover the entire logistics lifecycle, ensuring seamless coordination and execution from origin to destination.
            </p>

            <section class="logServices">
              <p><strong>This Service Includes:</strong></p>

              <span>
                <strong>Transportation Management</strong><br>
                <i>Route Optimization:</i> Strategic planning to select the most efficient routes, reducing transit times and costs.
              </span>

              <span>
                <strong>Freight Forwarding</strong><br>
                <i>Cargo Consolidation:</i> Combining smaller shipments to reduce costs and optimize shipping efficiency.
              </span>

              <span>
                <strong>Dedicated Support</strong><br>
                <i>Customer Service:</i> A dedicated team providing exceptional support and timely updates throughout the logistics process.<br/>
                <i>Consultation Services:</i> Expert advice to improve logistics strategies and achieve operational excellence.
              </span>
            </section>

            <a class="button" aria-label="Go to the contact page." href="contact.html">Contact Us</a>
          </div>
        </article>
      </section>

    </main>

    <footer-component></footer-component>

    <script rel="preload" src="/script.js"></script>
</body>

</html>