|
0
|
1 <!DOCTYPE html>
|
|
1
|
2 <html lang="en">
|
|
0
|
3 <head>
|
|
1
|
4 <meta charset="UTF-8">
|
|
|
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
6 <title>Boreal Point</title>
|
|
|
7 <style>
|
|
|
8 /* --- Global Styles --- */
|
|
|
9 body {
|
|
|
10 margin: 0;
|
|
|
11 font-family: 'Lato', sans-serif;
|
|
|
12 line-height: 1.6;
|
|
|
13 color: #333;
|
|
|
14 background-color: #fff;
|
|
|
15 }
|
|
|
16 h1, h2, h3 {
|
|
|
17 margin-top: 0;
|
|
|
18 }
|
|
|
19 a.button {
|
|
|
20 display: inline-block;
|
|
|
21 padding: 0.75em 1.5em;
|
|
|
22 margin-top: 1em;
|
|
|
23 background: #B22222;
|
|
|
24 color: #fff;
|
|
|
25 text-decoration: none;
|
|
|
26 border-radius: 8px;
|
|
|
27 transition: background 0.3s ease;
|
|
|
28 }
|
|
|
29 a.button:hover {
|
|
|
30 background: #8B1A1A;
|
|
|
31 }
|
|
|
32 section {
|
|
|
33 padding: 4em 1em;
|
|
|
34 text-align: center;
|
|
|
35 }
|
|
|
36 .container {
|
|
|
37 max-width: 1000px;
|
|
|
38 margin: 0 auto;
|
|
|
39 padding: 0 1em;
|
|
|
40 }
|
|
|
41 /* --- Hero Section --- */
|
|
|
42 .hero {
|
|
|
43 background: linear-gradient(rgba(30,58,95,0.85), rgba(30,58,95,0.85)),
|
|
|
44 url('/forest_bg.png') no-repeat center center/cover;
|
|
|
45 color: #fff;
|
|
|
46 padding: 6em 1em;
|
|
|
47 }
|
|
|
48 .hero h1 {
|
|
|
49 font-size: 2.5rem;
|
|
|
50 margin-bottom: 0.5em;
|
|
|
51 }
|
|
|
52 .hero p {
|
|
|
53 font-size: 1.25rem;
|
|
|
54 }
|
|
|
55 /* --- Services Section --- */
|
|
|
56 .services {
|
|
|
57 display: grid;
|
|
|
58 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
|
59 gap: 2em;
|
|
|
60 margin-top: 2em;
|
|
|
61 }
|
|
|
62 .service {
|
|
|
63 background: #f8f8f8;
|
|
|
64 padding: 2em;
|
|
|
65 border-radius: 12px;
|
|
|
66 box-shadow: 0 2px 8px rgba(0,0,0,0.05);
|
|
|
67 }
|
|
|
68 /* --- Contact --- */
|
|
|
69 footer {
|
|
|
70 background: #1E3A5F;
|
|
|
71 color: #fff;
|
|
|
72 padding: 2em 1em;
|
|
|
73 text-align: center;
|
|
|
74 }
|
|
|
75 footer a {
|
|
|
76 color: #fff;
|
|
|
77 text-decoration: underline;
|
|
|
78 }
|
|
|
79 </style>
|
|
0
|
80 </head>
|
|
1
|
81 <body>
|
|
0
|
82
|
|
1
|
83 <!-- Hero Section -->
|
|
|
84 <section class="hero">
|
|
|
85 <div class="container">
|
|
|
86 <h1>Boreal Point</h1>
|
|
|
87 <p>Custom Software Solutions - Built in Canada</p>
|
|
|
88 <a href="#contact" class="button">Let’s Talk</a>
|
|
|
89 </div>
|
|
|
90 </section>
|
|
|
91
|
|
|
92 <!-- About -->
|
|
|
93 <section id="about">
|
|
|
94 <div class="container">
|
|
|
95 <h2>About Us</h2>
|
|
|
96 <p>
|
|
|
97 At Boreal Point, we design and build custom software that help businesses work smarter, not harder.
|
|
|
98 Rooted in Canada, we combine technical expertise with a down-to-earth approach, making technology simple, practical, and reliable.
|
|
|
99
|
|
|
100 </p>
|
|
0
|
101 </div>
|
|
1
|
102 </section>
|
|
|
103
|
|
|
104 <!-- Services -->
|
|
|
105 <section id="services">
|
|
|
106 <div class="container">
|
|
|
107 <h2>Our Services</h2>
|
|
|
108 <div class="services">
|
|
|
109 <div class="service">
|
|
|
110 <h3>Custom Business Tools</h3>
|
|
|
111 <p>Tailored software to manage your operations with ease.</p>
|
|
|
112 </div>
|
|
|
113 <div class="service">
|
|
|
114 <h3>Workflow Automation</h3>
|
|
|
115 <p>Automate repetitive tasks and free up your time.</p>
|
|
|
116 </div>
|
|
|
117 <div class="service">
|
|
|
118 <h3>Web Applications</h3>
|
|
|
119 <p>Secure, scalable, and designed for your business.</p>
|
|
|
120 </div>
|
|
|
121 </div>
|
|
|
122 </div>
|
|
|
123 </section>
|
|
0
|
124
|
|
1
|
125 <!-- Why Choose Us -->
|
|
|
126 <section id="why">
|
|
|
127 <div class="container">
|
|
|
128 <h2>Why Choose Us</h2>
|
|
|
129 <p><strong>Tailored for Small Business</strong> – We understand the challenges of small operations.</p>
|
|
|
130 <p><strong>Built in Canada</strong> – Local solutions with global standards.</p>
|
|
|
131 <p><strong>Simple & Transparent</strong> – Straightforward pricing and no technical jargon.</p>
|
|
|
132 </div>
|
|
|
133 </section>
|
|
|
134
|
|
|
135 <!-- Contact -->
|
|
|
136 <section id="contact">
|
|
|
137 <div class="container">
|
|
|
138 <h2>Contact Us</h2>
|
|
|
139 <p>Let’s build something great together.</p>
|
|
|
140 {{-- <p><a href="mailto:info@borealpoint.ca">info@yourcompany.ca</a></p> --}}
|
|
|
141 <p>Based in Canada</p>
|
|
|
142 {{-- <a href="mailto:info@borealpoint.ca" class="button">Get in Touch</a> --}}
|
|
|
143 </div>
|
|
|
144 </section>
|
|
|
145
|
|
|
146 <!-- Footer -->
|
|
|
147 <footer>
|
|
|
148 <p>© 2025 Boreal Point Software Inc. Built in Canada</p>
|
|
|
149 </footer>
|
|
|
150
|
|
|
151 </body>
|
|
0
|
152 </html>
|
|
1
|
153
|
