├── style.css
└── index.html


/style.css:
--------------------------------------------------------------------------------
  1 | @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
  2 | /* Global Styles */
  3 | * {
  4 |   font-family: Quantico, sans-serif;
  5 |   margin: 0;
  6 |   padding: 0;
  7 |   box-sizing: border-box;
  8 | }
  9 | body {
 10 |   padding: 1px 10%;
 11 |   background: #00512e;
 12 | }
 13 | a{
 14 |   text-decoration: none;
 15 | }
 16 |     a.gien:link {
 17 |     color: #1B5380;
 18 | }
 19 |     a.gien:visited {
 20 |     color: #1B5380;
 21 | }
 22 |     a.gien:hover {
 23 |     color: #FF5F07;
 24 | }
 25 |     a.gien:active {
 26 |     color: #1B5380;
 27 | }
 28 | /* Container Styles */
 29 | .container {
 30 |   display: flex;
 31 |   height: 89vh;
 32 | }
 33 | .main-wrapper{
 34 |   flex: 2;
 35 |   overflow-y: scroll;
 36 |   .emphasized { font-style: italic; }
 37 | }
 38 | .side-bar{
 39 |   background: #87d6cb;
 40 |   flex: .1;
 41 |   padding: 40px;
 42 | }
 43 | .side-bar ul{
 44 |   padding: 0 40px;
 45 |   list-style: none;
 46 | }
 47 | .side-bar{
 48 |   background: #00512e;
 49 |   h2 {
 50 |     color: white;
 51 |     text-align: center;
 52 |     font-size: 55px;
 53 |   }
 54 | }
 55 | @media only screen and (max-width: 100px) {
 56 |   .container {
 57 |     flex-direction: column;
 58 |   }
 59 |   .side-bar{
 60 |     background: #114;
 61 |     color: #0E416B !important;
 62 |   }
 63 |   .side-bar a{
 64 |     color: #0E416B !important;
 65 |   }
 66 | }
 67 | /* Navigation Menu Styles */
 68 | nav.nav-menu {
 69 |     width: 100%;
 70 |     background-color: #000000;
 71 |     padding: 10px;
 72 | }
 73 | /* Add a black background color to the top navigation */
 74 | .topnav {
 75 |     background-color: #ffffff;
 76 |     overflow: hidden;
 77 | }
 78 | /* Style the links inside the navigation bar */
 79 | .topnav a {
 80 |   float: left;
 81 |   color: #fdcd47;
 82 |   text-align: center;
 83 |   padding: 18px 18px;
 84 |   text-decoration: none;
 85 |   font-weight: bold;
 86 |   font-size: 22px;
 87 | }
 88 | /* Change the color of links on hover */
 89 | .topnav a:hover {
 90 |   color: #00512e;
 91 | }
 92 | /* Right-aligned section inside the top navigation */
 93 | .topnav-right {
 94 |   float: right;
 95 |   font-weight: lighter;
 96 |   padding-top: 25px;
 97 | }
 98 | /* Main Content Wrapper Styles */
 99 | .main-wrapper {
100 |     background: #ffffff;
101 |     padding: 40px 50px;
102 |     text-align: left;
103 |   }
104 |   li {
105 |     font-size: larger;
106 |     text-align: justify;
107 |     margin: 2px;
108 |     margin-left: 70px;
109 |     padding-top: 5px;
110 |     padding-right: 80px;
111 |     padding-left: 5px;
112 |     color: #4e707f;
113 |   }
114 |   a {
115 |     color: #f2d31d;
116 |     text-underline-position: below;
117 |   }
118 |   a:hover{
119 |     color: #1a4759;
120 |   }
121 |   section {
122 |     margin-bottom: 20px;
123 |   }
124 |   section.head,
125 |   section.youtube-embed {
126 |     text-align: center;
127 |   }
128 |   .button-link {
129 |     display: block;
130 |     margin: 20px 0 0 50px;
131 |     padding: 10px 40px; 
132 |     margin-left: 100px;
133 |     width: fit-content;
134 |     background: #f2d31d;
135 |     border-radius: 5px;
136 |     text-decoration: none;
137 |     color: rgb(255, 255, 255);
138 |     font-weight: bold;
139 |     transition: 0.3s transform ease-in-out;
140 |   }
141 |   .button-link1 {
142 |       display: block;
143 |       margin: 2px 0 0 0;
144 |       padding: 2px 8px;
145 |       width: fit-content;
146 |       border-radius: 12px;
147 |       text-decoration: none;
148 |       font-weight: bold;
149 |       color: #f7d117;
150 |       transition: 0.3s transform ease-in-out;
151 |     }
152 |   .button-link:hover {
153 |     transform: scale(1.05);
154 |     background-color: #f7d117;
155 |   }
156 |   .button-link1:hover {
157 |       transform: scale(1.05);
158 |       background-color: rgb(230, 230, 231);
159 |       border: 1px solid #ffffff;
160 |       color: #3f175f;
161 |     }
162 |   h1 {
163 |     font-size: 45px;
164 |     font-weight: 900;
165 |     font-family: Quantico, sans-serif;
166 |     text-align: center;
167 |     padding-right: 40px;
168 |     padding-bottom: 10px;
169 |     padding-top: 40px;
170 |     color: #f2d31d;
171 |   }
172 |   h2 {
173 |     font-size: 30px;
174 |     padding-left: 100px;
175 |     margin-top: 30px;
176 |     margin-left: 50px;
177 |     color: #000000;
178 |   }
179 |   h3 {
180 |     font-size: 18px;
181 |     font-weight: bold;
182 |     text-align: center;
183 |     padding-top: 20px;
184 |     padding-bottom: 2px;
185 |    padding-right: 15px;
186 |    margin-left: 50px;
187 |    margin-right: 40px;
188 |    color: #5a5e5d;
189 |   }
190 |   h4 {
191 |     font-size: 18px;
192 |     font-weight: bold;
193 |     padding-top: 20px;
194 |     padding-bottom: 2px;
195 |     margin-left: 50px;
196 |     color: #000000;
197 |   }
198 |   ul{
199 |     text-align: justify;
200 |   }
201 |     .side ul{
202 |       text-align: justify;
203 |       margin-bottom: 10px;
204 |       line-height: 1.5rem;
205 |       font-family: "Cormorant SC", sans-serif;
206 |       font-size:30px;
207 |     }
208 |   ol{
209 |       padding-left: 30px;
210 |       text-align: justify;
211 |       margin-bottom: 15px;
212 |   }
213 |       .side ol{
214 |         text-align: justify;
215 |         margin-bottom: 10px;
216 |         line-height: 1.5rem;
217 |         font-family: "Cormorant SC", sans-serif;
218 |         font-size:30px;
219 |       }
220 |   p {
221 |     text-align: left;
222 |     margin-bottom: 20px;
223 |     line-height: 1.75em;
224 |     padding-top: 10px;
225 |     padding-left: 100px;
226 |     padding-right: 100px;
227 |     margin-left: 50px;
228 |     margin-right: 40px;
229 |     font-size: 20px;
230 |     color: #000;
231 |   }
232 |   /* Three image containers (use 25% for four, and 50% for two, etc) */
233 |   .column {
234 |     float: left;
235 |     width: 25%;
236 |     padding: 5px;
237 |   }
238 |   /* Clear floats after image containers */
239 |   .row::after {
240 |     content: "";
241 |     clear: both;
242 |     display: table;
243 |   }
244 |   img {
245 |     max-width: 100%;
246 |     float: left;
247 |     border: 0px solid white;
248 |     border-radius: 0px;
249 |     margin: 0px;
250 |   }
251 |   img.gien {
252 |       max-width: 100%;
253 |       float: left;
254 |       border: 0px solid white;
255 |       border-radius: 0px;
256 |       margin: 0px;
257 |   }
258 |   .hero-gien {
259 |       background-image: linear-gradient(rgba(71, 71, 71, 0.5), rgba(77, 77, 77, 0.5)), url("#");
260 |       height: 300px;
261 |       background-position: center;
262 |       background-repeat: no-repeat;
263 |       background-size: cover;
264 |       position: relative;
265 |   }
266 |   .hero-text {
267 |       text-align: center;
268 |       position: absolute;
269 |       top: 50%;
270 |       left: 30%;
271 |       transform: translate(-0%, 0%);
272 |       color: rgb(12, 9, 9);
273 |       font-weight: bold;
274 |       font-size: 20px;
275 |   }
276 |   .two-col {
277 |     display: flex;
278 |     justify-content: space-between;
279 |     gap: 0px;
280 |   }
281 |   .two-col div {
282 |     width: 100%;
283 |   }
284 |   @media only screen and (max-width: 900px) {
285 |     body {
286 |       padding: 0;
287 |     }
288 |     .two-col {
289 |       flex-direction: column;
290 |     }
291 |     .two-col div {
292 |       width: 100%;
293 |     }
294 |     .main-wrapper {
295 |       padding: 5%;
296 |     }
297 |   }


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 8 |     <link rel="stylesheet" href="style.css">
 9 |     <title>Ornamental/Fruit Tree Pruning</title>
10 | </head>
11 | <body>
12 |     <!--Navigation Menu-->
13 |     <nav class="nav-menu">
14 |         <ul>
15 |             <!--GStack-->
16 |             <div class="topnav">
17 |                 <a href="https://pacificlandpreservation.com/"><img class="gien" style="display: flex; justify-content: left; height: 70px;" src="https://pacificlandpreservation.com/images/logo.png"></a>
18 |                 <div class="topnav-right">
19 |                     <a class="active" href="https://pacificlandpreservation.com/">Main</a>
20 |                     <a href="https://maps.app.goo.gl/eSPkS2b1952G2M5r5">Maps</a>
21 |                     <a href="https://dasmule.com/blogs/news">Pacific Land Preservation</a>
22 |                 </div>
23 |             </div>
24 |         </ul>
25 |     </nav>
26 |     <!---Main Container-->
27 |     <div class="container">
28 |         <!--Main Wrapper-->
29 |         <div class="main-wrapper">
30 |             <section class="head">
31 |                 <h1>Ornamental/Fruit Tree Pruning</h1>
32 |             </section>
33 |                 <section>
34 |                     <h2>Ornamental Tree Pruning</h2>
35 |                     <p>Ornamental tree pruning, encompassing trees, shrubs, perennials, and ornamental grasses, is a delicate task that Pacific Land Preservation handles with expertise, available in both winter and summer. Winter months are generally suitable for most plants, though we offer guidance on those few that should not be pruned during the colder season. Pruning in extreme weather conditions is discouraged due to the stress it can cause on your plants and trees.</p>
36 |                     <p>Timing is crucial: pruning before the primary growth season (April to June in the Fall City, Redmond, Duvall, and Woodinville areas) can encourage growth, while pruning outside this window can decelerate growth. For those looking to manage the growth pace of rapidly expanding trees or shrubs, a light winter pruning followed by a more thorough session in July or August is advisable. Winter also presents an opportune time for significant pruning tasks, including the removal of dead, diseased, or damaged branches, ensuring your garden's health and aesthetics. Trust in Pacific Land Preservation for professional ornamental pruning services to maintain the beauty and vitality of your garden.</p>
37 |                     <section>
38 |                         <a class="button-link"
39 |                             href="https://maps.app.goo.gl/eSPkS2b1952G2M5r5">Find Us Here!</a>
40 |                     </section>
41 |                     <h2>Fruit Tree Pruning</h2>
42 |                     <p>Fruit tree pruning is more than just maintenance; it's a crucial practice for the health and productivity of your fruit-bearing trees. Pacific Land Preservation understands the nuanced needs of fruit trees, which can be pruned during their dormant winter phase or in the summer to achieve various benefits. Pruning not only helps in thinning the canopy to reduce disease risks but also boosts fruit production and ensures fruits grow within easy reach. Strategic pruning times are vital: winter for overall health and summer for thinning, preventing branch overburden, and enhancing fruit size and quality.</p>
43 |                     <p>Unpruned fruit trees risk producing an unsustainable amount of fruit, leading to potential branch damage and a lower quality harvest. By carefully managing the fruit load through pruning, we ensure your trees bear fewer, but larger and more delicious fruits, with increased access to sunlight and nutrients. Let Pacific Land Preservation take the lead in pruning your fruit trees for health, accessibility, and abundant, quality fruit production.</p>
44 |                     <div style="display: flex; justify-content: center; margin-left: 50px; margin-right: 50px;"><img style="height: 1200px; width: 100%;" src="https://storage.googleapis.com/night-fox-clients-storage/pacificlandpreservation.com/services/photos/primary/2000.659c1109819564.92076624.webp"></div>
45 |             <section>
46 |                 <a class="button-link"
47 |                     href="https://pacificlandpreservation.com/tree-services/ornamentalfruit-tree-pruning">Read Post</a>
48 |             </section>
49 |             <!--Embeds-->
50 |             <section>
51 |                 <h2>Maps</h2>
52 |                 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d12391933.097207624!2d-131.0637724627169!3d40.68775365223896!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x548553f895c06333%3A0xdaf1619222b2eb4f!2sPacific%20Land%20Preservation!5e0!3m2!1sen!2sph!4v1735893409632!5m2!1sen!2sph" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
53 |             </section>
54 |             <section>
55 |                 <h2>Things To Do in USA</h2>
56 |                 <iframe src="https://www.tripadvisor.com/Attractions-g191-Activities-United_States.html" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="400px" width="100%" allowfullscreen></iframe>
57 |             </section>
58 |             <section>
59 |                 <h2>News in USA</h2>
60 |                 <iframe src="https://www.theepochtimes.com/" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="400px" width="100%" allowfullscreen></iframe>
61 |             </section>
62 |             <section>
63 |                 <h2>Website</h2>
64 |                 <iframe src="https://pacificlandpreservation.com/" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="400px" width="100%" allowfullscreen></iframe>
65 |             </section>
66 |             <!--Cloudstack Links-->
67 |             <section>
68 |                 <a target="_bLank" href="https://bloglist.github.io/Ornamental-Fruit-Tree-Pruning/">https://bloglist.github.io/Ornamental-Fruit-Tree-Pruning/</a><br>
69 |                 <a target="_bLank" href="https://pacificlandpreservation.s3.us-east-005.backblazeb2.com/Ornamental+Fruit+Tree+Pruning/index.html">https://pacificlandpreservation.s3.us-east-005.backblazeb2.com/Ornamental+Fruit+Tree+Pruning/index.html</a><br>
70 |                 <a target="_bLank" href="https://ornamental-fruit-tree-pruning-git-main-bloglist1s-projects.vercel.app/">https://ornamental-fruit-tree-pruning-git-main-bloglist1s-projects.vercel.app/</a><br>
71 |                 <a target="_bLank" href="https://dulcet-queijadas-acc7d4.netlify.app/">https://dulcet-queijadas-acc7d4.netlify.app/</a><br>
72 |             </section>
73 |         <!---Sidebar-->
74 |         <div class="side-bar">
75 |             <section>
76 |                 <h2>Useful Links</h2>
77 |                 <ul>
78 |                     <li><a class="button-link1" href="facebook.com/pacificlandpreservation"><i style="font-size:14px" class="fa fa-facebook"></i> Facebook</a></li>
79 |                     <li><a class="button-link1" href="#"><i style="font-size:14px" class="fa fa-instagram"></i> Instagram</a></li>
80 |                     <li><a class="button-link1" href="#"><i style="font-size:14px" class="fa fa-twitter"></i> Twitter</a></li>
81 |                     <li><a class="button-link1" href="#"><i style="font-size:14px" class="fa fa-youtube"></i> Youtube</a></li>
82 |                     <li><a class="button-link1" href="#"><i style="font-size:14px" class="fa fa-linkedin"></i> LinkedIn</a></li>
83 |                     <li><a class="button-link1" href="#"><i style="font-size:14px" class="fa fa-google"></i> Google Site</a></li>
84 |                     <li><a class="button-link1" href="#"><i style="font-size:14px" class="fa fa-about"></i> About</a></li>
85 |                 </ul>
86 |             </section>
87 |         </div>
88 |     </div>
89 | </body>
90 | </html>
91 | 


--------------------------------------------------------------------------------