+ 
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/logo-search-grid-2x.png b/logo-search-grid-2x.png
new file mode 100644
index 000000000..ff61a9b88
Binary files /dev/null and b/logo-search-grid-2x.png differ
diff --git a/style.css b/style.css
new file mode 100644
index 000000000..614d963a7
--- /dev/null
+++ b/style.css
@@ -0,0 +1,326 @@
+ img {
+ display: block;
+ max-width: 100%;
+ }
+
+ body {
+ font-family: Verdana, Geneva, Tahoma, sans-serif;
+ color: #333333;
+ background-color: #8B4513;
+ ;
+ }
+
+ header {
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+ background-color: #8B4513;
+ color: white;
+ padding: 10px;
+ text-align: center;
+ }
+
+ /*The top navigation */
+ .topnav {
+ background-color: #333;
+ overflow: hidden;
+ display: flex;
+ justify-content: space-around;
+ /*Same space between subjects in menu*/
+ }
+
+ /* Style the links in the navigation bar */
+ .topnav a {
+ color: #f2f2f2;
+ text-align: center;
+ padding: 14px 16px;
+ text-decoration: none;
+ font-size: 17px;
+ }
+
+ /* Change the color of links on hover */
+ .topnav a:hover {
+ background-color: #ddd;
+ color: black;
+ }
+
+ /* Add a color to the active/current link */
+ .topnav a.active {
+ background-color: #04AA6D;
+ color: white;
+ }
+
+ /*Hamburger menu */
+
+ .hamburger-menu {
+ color: #f2f2f2;
+ font-size: 17px;
+ padding: 14px 16px;
+ cursor: pointer;
+ text-align: center;
+ text-decoration: none;
+ position: relative;
+ }
+
+ .hamburger-menu .menu-content {
+ display: none;
+ position: absolute;
+ top: 100%;
+ left: 0;
+ right: 0;
+ background-color: rgba(51, 51, 51, 0.8);
+ z-index: 1;
+ }
+
+ .hamburger-menu.active .menu-content {
+ display: block;
+ }
+
+ .hamburger-menu .menu-content a {
+ display: block;
+ padding: 14px;
+ text-align: left;
+ color: white;
+ text-decoration: none;
+ }
+
+ .hamburger-menu .menu-content a:hover {
+ background-color: rgba(221, 221, 221, 0.8);
+ color: black;
+ }
+
+ .hamburger-menu:hover {
+ background-color: #ddd;
+ color: black;
+ }
+
+ main {
+ padding: 0 0.5rem;
+ width: 95%;
+ background-color: #8B4513;
+ }
+
+ .big-news {
+ background-color: #A8D5BA;
+ border: 2px solid #8B4513;
+ margin: 20px;
+ display: grid;
+ grid-template-columns: 500px 1fr;
+ grid-gap: 10px;
+ padding: 10px;
+ border-radius: 10px;
+ overflow: hidden;
+ box-shadow: 0 4px 8px #00000033;
+ }
+
+ .big-news img {
+ width: 100%;
+ }
+
+ .big-news-content {
+ font-size: large;
+ max-height: fit-content;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: normal;
+
+ }
+
+ .big-news-content p {
+ margin-bottom: 20px;
+ line-height: 2;
+ }
+
+ .minor-news {
+ background-color: #A8D5BA;
+ border: 2px solid #8B4513;
+ /*padding: 2px;*/
+ margin-right: 10px;
+ margin-left: 10px;
+ margin-bottom: 20px;
+ border-radius: 10px;
+ overflow: hidden;
+ box-shadow: 0 4px 8px #00000033;
+ }
+
+ .minor-news-container {
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ /* 4 columns for desktop */
+ width: 100%;
+ gap: 1px;
+ grid-gap: 10px;
+ padding: 2px;
+ max-width: 1200px;
+ justify-content: space-around;
+ align-items: flex-start;
+ }
+
+ .minor-news img {
+ width: 100%;
+ }
+
+ .minor-news-content {
+ padding: 20px;
+ }
+
+ .minor-news-content h2 {
+ margin-top: 0;
+ }
+
+ .minor-news a:hover {
+ background-color: #8B4513;
+ }
+
+ .minor-news:hover {
+ box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.5);
+ transform: translateY(-3px);
+ transition: all 0.2s ease-in-out;
+ }
+
+ .minor-news a {
+ display: inline-block;
+ background-color: black;
+ color: white;
+ text-align: center;
+ border-radius: 5px;
+ text-decoration: none;
+ margin: 10px 10px 10px 10px;
+ padding: 10px;
+ }
+
+ body {
+ background-color: #8B4513;
+ }
+
+ h1 {
+ font-size: 45px;
+ color: #D2691E;
+ }
+
+ .container {
+ width: 100%;
+ padding: 10px;
+ }
+
+ .minor-news {
+ width: 90%;
+ height: 95%;
+ }
+
+ /* Mobile */
+ @media (max-width: 500px) {
+ .topnav {
+ display: none;
+ /*Hide tablet and desktop menu*/
+ }
+
+ .hamburger-menu {
+ display: block;
+ /*Show hamburger menu*/
+ }
+
+ .big-news {
+ grid-template-columns: 1fr;
+ padding: 15px;
+ margin: 10px;
+ }
+
+ .big-news-content {
+ font-size: 14px;
+ padding: 10px;
+ max-height: none;
+ white-space: normal;
+ text-align: justify;
+ }
+
+ .big-news img {
+ width: 100%;
+ height: auto;
+ margin-bottom: 10px;
+ }
+
+ .minor-news-container {
+ grid-template-columns: 1fr;
+ /* 1 column for mobile */
+ }
+ }
+
+ /* Tablet */
+ @media (min-width: 501px) and (max-width: 1024px) {
+ .topnav {
+ justify-content: space-around;
+ /*Same space between subjects in menu*/
+ }
+
+ .topnav a {
+ font-size: calc(12px + 1vw);
+ /*Font size adjusts to screen*/
+ padding: 12px 10px;
+ flex-grow: 1;
+ /*Gives each link equal space*/
+ }
+
+ .hamburger-menu {
+ display: none;
+ /*Hide hamburger menu*/
+ }
+
+ .big-news {
+ grid-template-columns: 1fr;
+ grid-gap: 10px;
+ }
+
+ .big-news-content {
+ font-size: 16px;
+ padding: 10px;
+ max-height: 150px;
+ }
+
+ .big-news img {
+ width: 100%;
+ height: auto;
+ }
+
+ .minor-news-container {
+ grid-template-columns: repeat(2, 1fr);
+ /* 2 columns for tablet */
+ margin: 10px;
+ }
+
+ body {
+ background-color: #8B4513;
+ font-size: 100%;
+ }
+
+ .container {
+ width: 100%;
+ padding: 10px;
+ }
+ }
+
+ /* Desktop */
+ @media (min-width: 1025px) {
+ .hamburger-menu {
+ display: none;
+ /*Hide hamburger menu*/
+ }
+
+ .minor-news-container {
+ grid-template-columns: repeat(4, 1fr);
+ }
+
+ .container {
+ width: 100%;
+ padding: 10px;
+ }
+ }
+
+ footer {
+ padding-bottom: 50px;
+ }
+
+ footer p {
+ color: #A8D5BA;
+ text-align: center;
+ }
\ No newline at end of file
Award-Winning Farmer
+A local Hero Honored for Agricultural Excellence. In a special ceremony, an elderly female farmer was + recognized for her outstanding contributions to the community's agriculture. With years of dedication and + hard + work, she has become a beloved figure in the area. Her trophy, shining brightly in the sun, symbolizes not + just her success, but the heart and soul she has poured into her farm.
+ + + +
+ 
+
+
+
+
+
+ Escape Artist: Pig Breaks Free from Farm, Causes Havoc
+Early this morning, a mischievous pig made a daring escape...
+ +
+ 
+
+
+
+
+
+ Moo-dy Morning: Cow's Loud Mooing Wakes Up the Neighborhood
+Residents of a quiet village were in for a surprise when a cow...
+ +
+ 
+
+
+
+
+
+ Unlikely Friends: Horse and Dog Form Heartwarming Bond
+In a heartwarming display of friendship, a horse and a small dog...
+ +
+ 
+
+
+
+
+ Farm Mishap: Tractor Takes an Unexpected Detour into Ditch
+A routine day on the farm took a turn when a tractor veered off...
+ +