&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;&quot;&gt;

&lt;head&gt;
	&lt;title&gt;&lt;/title&gt;
	&lt;meta charset=&quot;UTF-8&quot;&gt;
	&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width&quot;&gt;
	&lt;style&gt;
		.bee-row,
		.bee-row-content {
			position: relative
		}

		.bee-row-1,
		.bee-row-1 .bee-row-content,
		.bee-row-2,
		.bee-row-3,
		.bee-row-4 {
			background-repeat: no-repeat
		}

		body {
			background-color: #FFFFFF;
			color: #000000;
			font-family: Arial, Helvetica Neue, Helvetica, sans-serif
		}

		a {
			color: #0068A5
		}

		* {
			box-sizing: border-box
		}

		body,
		h1 {
			margin: 0
		}

		.bee-row-content {
			max-width: 1360px;
			margin: 0 auto;
			display: flex
		}

		.bee-row-content .bee-col-w12 {
			flex-basis: 100%
		}

		.bee-html-block {
			text-align: center
		}

		.bee-row-1 .bee-row-content {
			color: #000000
		}

		.bee-row-1 .bee-col-1 {
			border-bottom: 0 solid transparent;
			border-left: 0 solid transparent;
			border-right: 0 solid transparent;
			border-top: 0 solid transparent
		}

		.bee-row-2 .bee-row-content,
		.bee-row-3 .bee-row-content,
		.bee-row-4 .bee-row-content {
			background-repeat: no-repeat;
			border-radius: 0;
			color: #000000
		}

		.bee-row-2 .bee-col-1,
		.bee-row-3 .bee-col-1,
		.bee-row-4 .bee-col-1 {
			padding: 15px 5px
		}

		.bee-row-2 .bee-col-1 .bee-block-2,
		.bee-row-3 .bee-col-1 .bee-block-2 {
			padding: 10px;
			text-align: center;
			width: 100%
		}

		.bee-row-2 .bee-col-1 .bee-block-2 h1,
		.bee-row-3 .bee-col-1 .bee-block-2 h1 {
			color: #4f710a;
			direction: ltr;
			font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
			font-size: 42px;
			font-weight: 700;
			letter-spacing: normal;
			line-height: 150%;
			text-align: center
		}

		@media (max-width:768px) {
			.bee-row-content:not(.no_stack) {
				display: block
			}

			.bee-row-2 .bee-col-1 .bee-block-2 h1,
			.bee-row-3 .bee-col-1 .bee-block-2 h1 {
				font-size: 30px
			}
		}
	&lt;/style&gt;
&lt;/head&gt;

&lt;body&gt;
	&lt;div class=&quot;bee-page-container&quot;&gt;
		&lt;div class=&quot;bee-row bee-row-1&quot;&gt;
			&lt;div class=&quot;bee-row-content&quot;&gt;
				&lt;div class=&quot;bee-col bee-col-1 bee-col-w12&quot;&gt;
					&lt;div class=&quot;bee-block bee-block-1 bee-html-block&quot;&gt;
						&lt;!DOCTYPE html&gt;
						&lt;html lang=&quot;uk&quot;&gt;

						&lt;head&gt;
							&lt;meta charset=&quot;UTF-8&quot; /&gt;
							&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot; /&gt;
							&lt;title&gt;Hero slider&lt;/title&gt;
							&lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css&quot; /&gt;
						&lt;/head&gt;

						&lt;body&gt;
							&lt;style&gt;
								.bee-row-content .hero-slider {
									display: block;
								}

								@media (min-width: 768px) {
									.bee-row-content:not(.no_stack):has(.hero-slider) {
										display: block;
										display: -webkit-box;
									}
								}

								/* ==== FULL WIDTH ==== */
								.bee-row-content:has(.hero-slider) {
									max-width: unset;
								}

								.hero-slider .swiper-wrapper {
									max-width: 100vw;
								}

								/* ==== END OF FULL WIDTH ==== */

								.hero-slider .swiper {
									width: 100%;
									height: 100%;
								}

								.hero-slider .swiper-slide {
									width: 100%;
									height: 100%;
									/* max-height: 60vh; */
								}

								.hero-slider .swiper-slide img {
									width: 100%;
									height: 100%;
									object-fit: cover;
									object-position: center;
								}

								.hero-slider .swiper-pagination-bullet {
									background-color: #aaa;
									opacity: 0.5;
									outline: 2px solid #fff;
								}

								.hero-slider .swiper-pagination-bullet-active {
									background-color: #fff;
									opacity: 0.8;
								}

								.hero-slider .swiper-button-next,
								.hero-slider .swiper-button-prev {
									color: #bbbbbbc0;
									background-color: #4646466a;
									border-radius: 50%;
									text-align: center;
									width: 30px;
									height: 30px;
									transition: all ease 0.3s;
								}

								.hero-slider .swiper-button-next:hover,
								.hero-slider .swiper-button-prev:hover {
									color: rgb(220, 220, 220);
									background-color: #6d6d6d;
								}

								.hero-slider .swiper-button-next::after,
								.hero-slider .swiper-button-prev::after {
									font-size: 20px;
									font-weight: 1000;
									-webkit-text-stroke-width: 2px;
									-webkit-text-stroke-color: 3e461d;
									margin: 0;
								}

								@media (max-width: 600px) {

									.hero-slider .swiper-button-next,
									.hero-slider .swiper-button-prev,
									.hero-slider .swiper-pagination {
										display: none;
									}
								}
							&lt;/style&gt;

							&lt;div class=&quot;hero-slider&quot;&gt;
								&lt;div class=&quot;swiper mySwiper&quot;&gt;
									&lt;div class=&quot;swiper-wrapper&quot;&gt;
										&lt;div class=&quot;swiper-slide&quot;&gt;
											&lt;a href=&quot;/shop/_&quot;&gt;
												&lt;img src=&quot;https://d15k2d11r6t6rl.cloudfront.net/pub/mbtq/0x4ma7ip/17t/ayn/sig/image_39.webp&quot; alt=&quot;Image 1&quot; /&gt;
											&lt;/a&gt;
										&lt;/div&gt;

										&lt;div class=&quot;swiper-slide&quot;&gt;
											&lt;a href=&quot;/shop/_&quot;&gt;
												&lt;img src=&quot;https://d15k2d11r6t6rl.cloudfront.net/pub/mbtq/0x4ma7ip/58x/kx6/43e/image_40.webp&quot; alt=&quot;Image 2&quot; /&gt;
											&lt;/a&gt;
										&lt;/div&gt;

										&lt;div class=&quot;swiper-slide&quot;&gt;
											&lt;a href=&quot;/shop/_&quot;&gt;
												&lt;img src=&quot;https://d15k2d11r6t6rl.cloudfront.net/pub/mbtq/0x4ma7ip/1sp/pvo/oa1/image_41.jpg&quot; alt=&quot;Image 2&quot; /&gt;
											&lt;/a&gt;
										&lt;/div&gt;

										&lt;div class=&quot;swiper-slide&quot;&gt;
											&lt;a href=&quot;/shop/_&quot;&gt;
												&lt;img src=&quot;https://d15k2d11r6t6rl.cloudfront.net/pub/mbtq/0x4ma7ip/tct/ole/chb/eTail_FirstMate_Grain_Friendly_Banner.webp&quot; alt=&quot;Image 2&quot; /&gt;
											&lt;/a&gt;
										&lt;/div&gt;

										&lt;div class=&quot;swiper-slide&quot;&gt;
											&lt;a href=&quot;/shop/_&quot;&gt;
												&lt;img src=&quot;https://d15k2d11r6t6rl.cloudfront.net/pub/mbtq/0x4ma7ip/5y8/j5h/t2h/ETail_FirstMate_LID_Banner.webp&quot; alt=&quot;Image 2&quot; /&gt;
											&lt;/a&gt;
										&lt;/div&gt;

										&lt;div class=&quot;swiper-slide&quot;&gt;
											&lt;a href=&quot;/shop/_&quot;&gt;
												&lt;img src=&quot;https://d15k2d11r6t6rl.cloudfront.net/pub/mbtq/0x4ma7ip/r6d/0kb/yzp/ETail_KASIKS_Banner.webp&quot; alt=&quot;Image 2&quot; /&gt;
											&lt;/a&gt;
										&lt;/div&gt;
									&lt;/div&gt;
									&lt;div class=&quot;swiper-button-next&quot;&gt;&lt;/div&gt;
									&lt;div class=&quot;swiper-button-prev&quot;&gt;&lt;/div&gt;
									&lt;div class=&quot;swiper-pagination&quot;&gt;&lt;/div&gt;
								&lt;/div&gt;
							&lt;/div&gt;

							&lt;!-- Swiper JS --&gt;
							&lt;script src=&quot;https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js&quot;&gt;&lt;/script&gt;

							&lt;script&gt;
								const swiper = new Swiper(&#39;.mySwiper&#39;, {
									loop: true,
									pagination: {
										el: &#39;.swiper-pagination&#39;,
										clickable: true,
									},
									navigation: {
										nextEl: &#39;.swiper-button-next&#39;,
										prevEl: &#39;.swiper-button-prev&#39;,
									},
									autoplay: {
										delay: 5000,
										disableOnInteraction: false,
									},
								});
							&lt;/script&gt;
						&lt;/body&gt;

						&lt;/html&gt;
					&lt;/div&gt;
				&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;
		&lt;div class=&quot;bee-row bee-row-2&quot;&gt;
			&lt;div class=&quot;bee-row-content&quot;&gt;
				&lt;div class=&quot;bee-col bee-col-1 bee-col-w12&quot;&gt;
					&lt;div class=&quot;bee-block bee-block-1 bee-spacer&quot;&gt;
						&lt;div class=&quot;spacer&quot; style=&quot;height:20px;&quot;&gt;&lt;/div&gt;
					&lt;/div&gt;
					&lt;div class=&quot;bee-block bee-block-2 bee-heading&quot;&gt;
						&lt;h1&gt;&lt;span class=&quot;tinyMce-placeholder&quot;&gt;Featured products&lt;/span&gt; &lt;/h1&gt;
					&lt;/div&gt;
					&lt;div class=&quot;bee-block bee-block-3 bee-merge_content&quot;&gt;&lt;featured-products-list number=&quot;15&quot; showtitle=&quot;false&quot; swipeable=&quot;true&quot;&gt;%Featured products list%&lt;featured-products-list&gt;&lt;/div&gt;
				&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;
		&lt;div class=&quot;bee-row bee-row-3&quot;&gt;
			&lt;div class=&quot;bee-row-content&quot;&gt;
				&lt;div class=&quot;bee-col bee-col-1 bee-col-w12&quot;&gt;
					&lt;div class=&quot;bee-block bee-block-1 bee-spacer&quot;&gt;
						&lt;div class=&quot;spacer&quot; style=&quot;height:20px;&quot;&gt;&lt;/div&gt;
					&lt;/div&gt;
					&lt;div class=&quot;bee-block bee-block-2 bee-heading&quot;&gt;
						&lt;h1&gt;&lt;span class=&quot;tinyMce-placeholder&quot;&gt;Featured brands&lt;/span&gt; &lt;/h1&gt;
					&lt;/div&gt;
					&lt;div class=&quot;bee-block bee-block-3 bee-merge_content&quot;&gt;&lt;featured-brands-list number=&quot;15&quot; showtitle=&quot;false&quot; swipeable=&quot;true&quot;&gt;%Featured brands list%&lt;featured-brands-list&gt;&lt;/div&gt;
				&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;
		&lt;div class=&quot;bee-row bee-row-4&quot;&gt;
			&lt;div class=&quot;bee-row-content&quot;&gt;
				&lt;div class=&quot;bee-col bee-col-1 bee-col-w12&quot;&gt;
					&lt;div class=&quot;bee-block bee-block-1 bee-html-block&quot;&gt;
						&lt;style&gt;
							.place-for-map-insert {
								height: auto;
							}
						&lt;/style&gt;
					&lt;/div&gt;
					&lt;div class=&quot;bee-block bee-block-2 bee-spacer&quot;&gt;
						&lt;div class=&quot;spacer&quot; style=&quot;height:20px;&quot;&gt;&lt;/div&gt;
					&lt;/div&gt;
					&lt;div class=&quot;bee-block bee-block-3 bee-merge_content&quot;&gt;&lt;contactus&gt;&lt;/contactus&gt;&lt;/div&gt;
				&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;
	&lt;/div&gt;
&lt;/body&gt;

&lt;/html&gt;

Nature's Pet Market NW Portland

Nature’s Pet Market NW Portland is a locally owned, community-based pet store offering natural pet food, quality supplies, expert grooming, and a convenient self-wash station—all in the heart of Portland, OR.