301 status code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: c5k.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- SEO Metadata --> <meta name="author" content="C5K Academic Research"> <meta name="keywords" content="academic research, scholarly publishing, C5K, journal, booka, AI research, mental health studies"> <meta name="description" content="C5K Academic Research Publishing is a leading global publication dedicated to in-depth quantitative and qualitative analysis, industry insights, and professional resources to help institutions and researchers excel in academic innovation."> <!-- Social Media Meta (Open Graph for Facebook & Twitter) --> <meta property="og:title" content="C5K - Leading Academic Research Publication"> <meta property="og:description" content="C5K provides scholarly publishing, AI-driven research, and mental health insights to push the boundaries of academic excellence."> <meta property="og:image" content="https://www.c5k.com/public/backend/logo/logo.png"> <meta property="og:url" content="https://www.c5k.com"> <!-- Dynamic Laravel Page Title --> <title>C5K - Leading Academic Research Publication </title> <!-- Structured Data for SEO (Google Schema Markup) --> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "C5K Academic Research Publishing", "url": "https://www.c5k.com", "logo": "https://www.c5k.com/logo.png", "description": "C5K - A leading global publication in academic research, offering AI-driven solutions for mental health, scholarly insights, and industry-leading innovations.", "sameAs": [ ] } </script> <!-- Styles & Scripts --> <script src="https://cdn.tailwindcss.com"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" /> <link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" /> <script src="https://cdn.tailwindcss.com"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" /> <link rel="stylesheet" href="https://c5k.com/public/frontend/css/custom.css"> </head> <style> * { font-family: 'Georgia', serif; } .logo_area a img { height: 60px; margin-left: 20px } .volume-item img { width: 200px; height: auto; object-fit: cover; border-radius: 4px; margin-right: 1rem; } .journal_issue_menu .journal_parent .journal_parent_core { display: inline-block; margin-right: 45px; position: relative; cursor: default; /* cursor: pointer; */ } </style> <body> <header class="sticky top-0 z-40 shadow-lg shadow-white-500/50"> <nav class=" bg-gray-900 text-white p-3"> <div class="max-w-7xl mx-auto flex justify-between items-center"> <!-- Left: Show C5K.com Always, Hide Other Links on Mobile --> <div class="flex space-x-4"> <a href="#" class="flex text-xs items-center hover:text-gray-400"> <span class="mr-1 "></span>C5K.com </a> <a href="#" class="hover:text-gray-400 hidden md:inline text-xs">C5K.co</a> <a href="#" class="hover:text-gray-400 hidden md:inline text-xs">C5K.ec</a> <a href="#" class="hover:text-gray-400 hidden md:inline text-xs">C5K.nl</a> <a href="#" class="hover:text-gray-400 hidden md:inline text-xs">More Sites</a> </div> <!-- Right: Show JOIN C5K Always, Hide Other Links on Mobile --> <div class="flex space-x-4"> <a href="#" class="hover:text-gray-400 hidden md:inline text-xs">Membership</a> <a href="https://c5k.com/login" class="hover:text-gray-400 hidden md:inline text-xs">Sign In</a> <a href="https://c5k.com/register" class="hover:text-gray-400 font-bold text-xs">JOIN C5K</a> </div> </div> </nav> <nav class="bg-[#FFFFFF] "> <div class="max-w-7xl mx-auto flex items-center justify-between"> <!-- Left: Logo --> <div class="logo_area"> <a href="https://c5k.com"> <img src="https://c5k.com/public/backend/logo/logo.png" alt="logo"> </a> </div> <!-- Center: Search Bar --> <div class="flex-grow mx-4 flex justify-center"> <form action="" method="GET" class="w-1/2 relative flex"> <input type="text" name="query" placeholder="Search" class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-md focus:outline-none focus:ring-2 focus:ring-[#007C92] transition duration-300 placeholder:font-bold"> <button type="submit" class="ml-2 bg-[#007C92] text-white font-bold px-4 py-2 rounded-md hover:bg-[#005f73] transition duration-300"> Search </button> </form> </div> <!-- Right: Social Icons --> <div class="flex items-center space-x-4"> <a href="#" class="text-[#007C92] text-xl"><i class="fab fa-facebook"></i></a> <a href="#" class="text-[#007C92] text-xl"><i class="fab fa-twitter"></i></a> <!-- Fixed typo --> <a href="#" class="text-[#007C92] text-xl"><i class="fab fa-instagram"></i></a> <a href="#" class="text-[#007C92] text-xl"><i class="fab fa-linkedin"></i></a> </div> </div> </nav> <nav class="bg-[#007C92] shadow-lg "> <div class="max-w-7xl mx-auto flex justify-center items-center"> <div class="hidden md:flex space-x-12 text-white font-bold p-4 text-lg"> <a href="https://c5k.com" class="hover:text-gray-200 transition">Home</a> <a href="https://c5k.com/about" class="hover:text-gray-200 transition">About</a> <a href="https://c5k.com/academic-journal" class="hover:text-gray-200 transition">Academic Journals</a> <a href="https://c5k.com/dissertation-thesis" class="hover:text-gray-200 transition">Dissertation/Thesis</a> <a href="https://c5k.com/books" class="hover:text-gray-200 transition">Books</a> <a href="https://c5k.com/conferences" class="hover:text-gray-200 transition">Conferences</a> <a href="https://c5k.com/home-news" class="hover:text-gray-200 transition">Announcements</a> </div> <!-- Right: Social Icons & Mobile Menu Toggle --> <button id="menu-toggle" class="md:hidden text-white focus:outline-none text-2xl"> <i class="fas fa-bars"></i> </button> </div> <!-- Mobile Menu --> <div id="mobile-menu" class="hidden md:hidden bg-[#007C92] text-white flex flex-col space-y-2 mt-2 p-4 rounded-lg"> <a href="https://c5k.com" class="hover:text-gray-200 transition">Home</a> <a href="https://c5k.com/about" class="hover:text-gray-200 transition">About</a> <a href="https://c5k.com/academic-journal" class="hover:text-gray-200 transition">Academic Journals</a> <a href="https://c5k.com/dissertation-thesis" class="hover:text-gray-200 transition">Dissertation/Thesis</a> <a href="https://c5k.com/books" class="hover:text-gray-200 transition">Books</a> <a href="https://c5k.com/conferences" class="hover:text-gray-200 transition">Conferences</a> <a href="https://c5k.com/home-news" class="hover:text-gray-200 transition">Announcements</a> </div> </nav> </header> <!-- Include Swiper CSS --> <div class="relative w-full max-w-7xl mx-auto "> <!-- Swiper Container --> <div class="swiper mySwiper rounded-xl overflow-hidden m-6"> <div class="swiper-wrapper "> <!-- Slide 1 --> <div class="swiper-slide"> <img src="https://c5k.com/public/backend/banner/4.jpg" class="w-full h-[550px] rounded-lg" alt="" /> </div> </div> <!-- Navigation Arrows --> <div class="swiper-button-next text-white"></div> <div class="swiper-button-prev text-white"></div> <!-- Pagination Dots --> </div> </div> <section class="py-12 max-w-7xl mx-auto px-6 text-white"> <div class="grid grid-cols-1 md:grid-cols-3 gap-6"> <div class="p-6 bg-gradient-to-r from-blue-600 to-blue-800 rounded-lg text-center py-[60px] "> <h3 class="text-xl font-bold">Welcome! Member</h3> <p class="mt-2">Enrich your experience with C5K</p> </div> <div class="p-6 bg-gradient-to-r from-blue-600 to-blue-800 rounded-lg text-center py-[60px]"> <h3 class="text-xl font-bold">Get Connected</h3> <p class="mt-2">Explore what C5K can offer you</p> </div> <div class="p-6 bg-gradient-to-r from-blue-600 to-blue-800 rounded-lg text-center py-[60px]"> <h3 class="text-xl font-bold">Get Involved</h3> <p class="mt-2">Enrich your experience with C5K</p> </div> </div> </section> <!-- Include Swiper JS --> <section class="py-12 bg-gray-100 text-center"> <h2 class="text-3xl font-bold mb-8">The Latest Announcement from C5K</h2> <div class="max-w-7xl mx-auto grid gap-6 md:grid-cols-3 px-4"> <div class="bg-white rounded-lg shadow-md overflow-hidden"> <a href="https://c5k.com/newss/10"> <img src="https://c5k.com/public/backend/news/20241231190547.png" alt="Technological Innovations Shaping the Future of Research" class="w-full h-48 object-cover"> <div class="p-4 text-left"> <h3 class="font-bold text-lg"> Technological Innovations Shap... </h3> <p class="text-gray-600 mt-2"> As we step into a new era of discovery, technological innovations are dramatical...</p> <a href="https://c5k.com/newss/10" class="text-blue-600 font-semibold flex items-center mt-2">Read More →</a> </div> </a> </div> <div class="bg-white rounded-lg shadow-md overflow-hidden"> <a href="https://c5k.com/newss/9"> <img src="https://c5k.com/public/backend/news/20241231190317.png" alt="Funding Opportunities for Innovative Research" class="w-full h-48 object-cover"> <div class="p-4 text-left"> <h3 class="font-bold text-lg"> Funding Opportunities for Inno... </h3> <p class="text-gray-600 mt-2"> In an era defined by rapid technological advancement and unprecedented challenge...</p> <a href="https://c5k.com/newss/9" class="text-blue-600 font-semibold flex items-center mt-2">Read More →</a> </div> </a> </div> <div class="bg-white rounded-lg shadow-md overflow-hidden"> <a href="https://c5k.com/newss/8"> <img src="https://c5k.com/public/backend/news/20241231190203.png" alt="Global Health Research Partnerships: A Collaborative Approach to Tackling Health Issues during COVID-19 pandemic" class="w-full h-48 object-cover"> <div class="p-4 text-left"> <h3 class="font-bold text-lg"> Global Health Research Partner... </h3> <p class="text-gray-600 mt-2"> In the wake of the COVID-19 pandemic, universities across the globe are recogniz...</p> <a href="https://c5k.com/newss/8" class="text-blue-600 font-semibold flex items-center mt-2">Read More →</a> </div> </a> </div> </div> <div class="mt-6"> <a href="https://c5k.com/home-news" class=" bg-black text-white font-semibold px-6 py-2 rounded-lg shadow-lg hover:bg-gray-800 transition"> See More → </a> </div> </section> <!-- Journal Covers Section --> <section class="py-12 px-6 bg-black"> <div class="max-w-7xl mx-auto"> <!-- Swiper Container --> <div class="swiper mySwiper2"> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide flex justify-center h-[380px]"> <a href="https://c5k.com/journal/aesi/15"> <img src="https://c5k.com/public/backend/journal/15.png" alt="Dissertation 1 " class="w-64 shadow-lg rounded-lg"> </a> </div> <div class="swiper-slide flex justify-center h-[380px]"> <a href="https://c5k.com/journal/jamsai/14"> <img src="https://c5k.com/public/backend/journal/14.png" alt="Dissertation 1 " class="w-64 shadow-lg rounded-lg"> </a> </div> <div class="swiper-slide flex justify-center h-[380px]"> <a href="https://c5k.com/journal/drsdr/13"> <img src="https://c5k.com/public/backend/journal/13.png" alt="Dissertation 1 " class="w-64 shadow-lg rounded-lg"> </a> </div> <div class="swiper-slide flex justify-center h-[380px]"> <a href="https://c5k.com/journal/ilprom/12"> <img src="https://c5k.com/public/backend/journal/12.png" alt="Dissertation 2 " class="w-64 shadow-lg rounded-lg"> </a> </div> <div class="swiper-slide flex justify-center h-[380px]"> <a href="https://c5k.com/journal/tbfli/11"> <img src="https://c5k.com/public/backend/journal/11.png" alt="Dissertation 2 " class="w-64 shadow-lg rounded-lg"> </a> </div> <div class="swiper-slide flex justify-center h-[380px]"> <a href="https://c5k.com/journal/pmsri/10"> <img src="https://c5k.com/public/backend/journal/10.png" alt="Dissertation 2 " class="w-64 shadow-lg rounded-lg"> </a> </div> <div class="swiper-slide flex justify-center h-[380px]"> <a href="https://c5k.com/journal/jitmb/9"> <img src="https://c5k.com/public/backend/journal/9.png" alt="Dissertation 3 " class="w-64 shadow-lg rounded-lg"> </a> </div> <div class="swiper-slide flex justify-center h-[380px]"> <a href="https://c5k.com/journal/jsae/6"> <img src="https://c5k.com/public/backend/journal/6.png" alt="Dissertation 3 " class="w-64 shadow-lg rounded-lg"> </a> </div> <div class="swiper-slide flex justify-center h-[380px]"> <a href="https://c5k.com/journal/amlid/5"> <img src="https://c5k.com/public/backend/journal/5.png" alt="Dissertation 3 " class="w-64 shadow-lg rounded-lg"> </a> </div> <div class="swiper-slide flex justify-center h-[380px]"> <a href="https://c5k.com/journal/ojbem/4"> <img src="https://c5k.com/public/backend/journal/4.png" alt="Dissertation 4 " class="w-64 shadow-lg rounded-lg"> </a> </div> <div class="swiper-slide flex justify-center h-[380px]"> <a href="https://c5k.com/journal/praihi/3"> <img src="https://c5k.com/public/backend/journal/3.png" alt="Dissertation 4 " class="w-64 shadow-lg rounded-lg"> </a> </div> <div class="swiper-slide flex justify-center h-[380px]"> <a href="https://c5k.com/journal/jbvada/2"> <img src="https://c5k.com/public/backend/journal/2.png" alt="Dissertation 4 " class="w-64 shadow-lg rounded-lg"> </a> </div> </div> <!-- Navigation Arrows --> <!-- Pagination Dots (Optional) --> </div> </div> </section> <!-- Latest Articles Section --> <section class="py-12 max-w-7xl px-6 mx-auto"> <h2 class="text-3xl font-bold text-center mb-6">Latest Articles</h2> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> <div class="bg-white p-6 shadow-md rounded-lg"> <a href="https://c5k.com/3-3-6-article"> <span class="text-green-600 font-bold">C5K</span> <span class="bg-green-200 text-green-800 text-xs px-2 py-1 rounded-full ml-2">Article</span> <h3 class="text-blue-600 font-bold mt-2"> Technology-Assisted Parent Training Programs for Autism Management </h3> <p class="text-gray-600 mt-2 text-sm text-justify "> The developmental condition known as autism spectrum disorder (ASD) is defined by recurring behavioural patterns and challenges with social communication. Taking care of a kid with impairments presents parents with a lot of emotional and practical obstacles that might affect their family's arrangeme... </p> <a href="https://c5k.com/3-3-6-article" class="text-blue-500 font-bold mt-2 inline-block">Read more →</a> </a> </div> <div class="bg-white p-6 shadow-md rounded-lg"> <a href="https://c5k.com/10-11-7-article"> <span class="text-green-600 font-bold">C5K</span> <span class="bg-green-200 text-green-800 text-xs px-2 py-1 rounded-full ml-2">Article</span> <h3 class="text-blue-600 font-bold mt-2"> AI-Driven Solutions for Mental Health: Addressing the Global Mental Health Crisis </h3> <p class="text-gray-600 mt-2 text-sm text-justify "> The developmental condition known as autism spectrum disorder (ASD) is defined by recurring behavioural patterns and challenges with social communication. Taking care of a kid with impairments presents parents with a lot of emotional and practical obstacles that might affect their family's arrangeme... </p> <a href="https://c5k.com/10-11-7-article" class="text-blue-500 font-bold mt-2 inline-block">Read more →</a> </a> </div> <div class="bg-white p-6 shadow-md rounded-lg"> <a href="https://c5k.com/3-3-8-article"> <span class="text-green-600 font-bold">C5K</span> <span class="bg-green-200 text-green-800 text-xs px-2 py-1 rounded-full ml-2">Article</span> <h3 class="text-blue-600 font-bold mt-2"> AI-Driven Early Detection of Autism Spectrum Disorder in American Children </h3> <p class="text-gray-600 mt-2 text-sm text-justify "> Autism Spectrum Disorder (ASD) is a neurodevelopment disorder that impacts 1 in 36 children in the United States. Therefore, early identification plays a pivotal role. Nonetheless, such populations mentioned may take late and wrong screenings, thus further amplifying disparities. This study aims to... </p> <a href="https://c5k.com/3-3-8-article" class="text-blue-500 font-bold mt-2 inline-block">Read more →</a> </a> </div> <div class="bg-white p-6 shadow-md rounded-lg"> <a href="https://c5k.com/6-4-9-article"> <span class="text-green-600 font-bold">C5K</span> <span class="bg-green-200 text-green-800 text-xs px-2 py-1 rounded-full ml-2">Article</span> <h3 class="text-blue-600 font-bold mt-2"> The Economics of Water-Efficient Agriculture: Tackling Scarcity with Innovation </h3> <p class="text-gray-600 mt-2 text-sm text-justify "> Lack of water is a major challenge to irrigated agriculture, food security and rural livelihoods across the globe. This paper assesses the economic costs of implementing water-efficient technologies in the agricultural sector, such as drip irrigation, rainwater harvesting and soil moisture managemen... </p> <a href="https://c5k.com/6-4-9-article" class="text-blue-500 font-bold mt-2 inline-block">Read more →</a> </a> </div> </div> <div class="text-center mt-6"> <a href="https://c5k.com/home-article" class="mt-6 bg-black text-white font-semibold px-6 py-2 rounded-lg shadow-lg hover:bg-gray-800 transition"> See More → </a> </div> </section> <!-- Membership Section --> <section class="py-12 bg-gray-100 text-center"> <h2 class="text-3xl font-bold mb-8">Latest Blogs</h2> <div class="max-w-7xl mx-auto grid gap-6 md:grid-cols-3 px-4"> <div class="bg-white rounded-lg shadow-md overflow-hidden"> <a href="https://c5k.com/home-blog-details/10"> <img src="https://c5k.com/public/backend/blog/blog1.png" alt="Top Academic Publishing Trends You Need to Know in 2024 " class="w-full h-48 object-cover"> <div class="p-4 text-left"> <h3 class="font-bold text-lg"> Top Academic Publishing Trends You Need to Know in 2024 </h3> <p class="text-gray-600 mt-2"> Top Academic Publishing Trends You Need to Know in 2024 Int...</p> <a href="https://c5k.com/home-blog-details/10" class="text-blue-600 font-semibold flex items-center mt-2">Read More →</a> </div> </a> </div> <div class="bg-white rounded-lg shadow-md overflow-hidden"> <a href="https://c5k.com/home-blog-details/9"> <img src="https://c5k.com/public/backend/blog/blog2.png" alt="A Step-by-Step Guide to Writing and Publishing an Academic Book" class="w-full h-48 object-cover"> <div class="p-4 text-left"> <h3 class="font-bold text-lg"> A Step-by-Step Guide to Writing and Publishing an Academic B... </h3> <p class="text-gray-600 mt-2"> Understanding the Purpose of Your Academic Book When embar...</p> <a href="https://c5k.com/home-blog-details/9" class="text-blue-600 font-semibold flex items-center mt-2">Read More →</a> </div> </a> </div> <div class="bg-white rounded-lg shadow-md overflow-hidden"> <a href="https://c5k.com/home-blog-details/8"> <img src="https://c5k.com/public/backend/blog/blog3.png" alt="Essential Tips for Structuring a Strong and Successful Thesis" class="w-full h-48 object-cover"> <div class="p-4 text-left"> <h3 class="font-bold text-lg"> Essential Tips for Structuring a Strong and Successful Thesi... </h3> <p class="text-gray-600 mt-2"> Understanding the Purpose of a Thesis A thesis serves a mu...</p> <a href="https://c5k.com/home-blog-details/8" class="text-blue-600 font-semibold flex items-center mt-2">Read More →</a> </div> </a> </div> </div> <div class="mt-6"> <a href="https://c5k.com/home-blogs" class="mt-6 bg-black text-white font-semibold px-6 py-2 rounded-lg shadow-lg hover:bg-gray-800 transition"> See All Blogs → </a> </div> </section> <!-- Journal Grid --> <div class="text-center mt-8"> <h2 class="text-3xl font-bold mt-4">Discover the insights of our 12 diverse journals</h2> </div> <div class="max-w-7xl mx-auto px-4 mt-8 "> <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-6 "> <!-- Journal 1 --> <div class="shadow-lg rounded-lg overflow-hidden hover:scale-105 transition "> <a href="https://c5k.com/journal/drsdr/13"> <img src="https://c5k.com/public/backend/journal/13.png" alt="Journal 1" class=""> </a> </div> <!-- Journal 1 --> <div class="shadow-lg rounded-lg overflow-hidden hover:scale-105 transition "> <a href="https://c5k.com/journal/ilprom/12"> <img src="https://c5k.com/public/backend/journal/12.png" alt="Journal 1" class=""> </a> </div> <!-- Journal 1 --> <div class="shadow-lg rounded-lg overflow-hidden hover:scale-105 transition "> <a href="https://c5k.com/journal/tbfli/11"> <img src="https://c5k.com/public/backend/journal/11.png" alt="Journal 1" class=""> </a> </div> <!-- Journal 1 --> <div class="shadow-lg rounded-lg overflow-hidden hover:scale-105 transition "> <a href="https://c5k.com/journal/pmsri/10"> <img src="https://c5k.com/public/backend/journal/10.png" alt="Journal 1" class=""> </a> </div> <!-- Journal 1 --> <div class="shadow-lg rounded-lg overflow-hidden hover:scale-105 transition "> <a href="https://c5k.com/journal/jitmb/9"> <img src="https://c5k.com/public/backend/journal/9.png" alt="Journal 1" class=""> </a> </div> <!-- Journal 1 --> <div class="shadow-lg rounded-lg overflow-hidden hover:scale-105 transition "> <a href="https://c5k.com/journal/jsae/6"> <img src="https://c5k.com/public/backend/journal/6.png" alt="Journal 1" class=""> </a> </div> <!-- Journal 1 --> <div class="shadow-lg rounded-lg overflow-hidden hover:scale-105 transition "> <a href="https://c5k.com/journal/amlid/5"> <img src="https://c5k.com/public/backend/journal/5.png" alt="Journal 1" class=""> </a> </div> <!-- Journal 1 --> <div class="shadow-lg rounded-lg overflow-hidden hover:scale-105 transition "> <a href="https://c5k.com/journal/ojbem/4"> <img src="https://c5k.com/public/backend/journal/4.png" alt="Journal 1" class=""> </a> </div> <!-- Journal 1 --> <div class="shadow-lg rounded-lg overflow-hidden hover:scale-105 transition "> <a href="https://c5k.com/journal/praihi/3"> <img src="https://c5k.com/public/backend/journal/3.png" alt="Journal 1" class=""> </a> </div> <!-- Journal 1 --> <div class="shadow-lg rounded-lg overflow-hidden hover:scale-105 transition "> <a href="https://c5k.com/journal/jbvada/2"> <img src="https://c5k.com/public/backend/journal/2.png" alt="Journal 1" class=""> </a> </div> <!-- Journal 1 --> <div class="shadow-lg rounded-lg overflow-hidden hover:scale-105 transition "> <a href="https://c5k.com/journal/jamsai/14"> <img src="https://c5k.com/public/backend/journal/14.png" alt="Journal 1" class=""> </a> </div> <!-- Journal 1 --> <div class="shadow-lg rounded-lg overflow-hidden hover:scale-105 transition "> <a href="https://c5k.com/journal/aesi/15"> <img src="https://c5k.com/public/backend/journal/15.png" alt="Journal 1" class=""> </a> </div> </div> </div> <section class="py-12 px-6"> <div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-12 items-center bg-white shadow-lg rounded-lg p-8"> <!-- Social Media Icons --> <div class="text-center md:text-left"> <h2 class="text-2xl font-normal text-black-500 mb-6">Stay up to date</h2> <div class="flex justify-center md:justify-start space-x-4"> <a href="#" class="w-12 h-12 flex items-center justify-center rounded-full bg-blue-700 text-white text-xl shadow-md hover:scale-110 transition-transform"><i class="fab fa-facebook-f"></i></a> <a href="#" class="w-12 h-12 flex items-center justify-center rounded-full bg-blue-400 text-white text-xl shadow-md hover:scale-110 transition-transform"><i class="fab fa-twitter"></i></a> <a href="#" class="w-12 h-12 flex items-center justify-center rounded-full bg-pink-600 text-white text-xl shadow-md hover:scale-110 transition-transform"><i class="fab fa-instagram"></i></a> <a href="#" class="w-12 h-12 flex items-center justify-center rounded-full bg-blue-900 text-white text-xl shadow-md hover:scale-110 transition-transform"><i class="fab fa-linkedin-in"></i></a> </div> </div> <!-- Subscription Form --> <div class="text-center md:text-right"> <h2 class="text-2xl font-bold text-gray-800 mb-4">Subscribe to C5K for Updates</h2> <div class="flex justify-center md:justify-end"> <input type="email" placeholder="Enter your email" class="p-4 border border-gray-300 rounded-l-lg w-72 shadow-md focus:ring-2 focus:ring-orange-500"> <button class="bg-orange-500 text-white px-6 py-4 rounded-r-lg font-bold shadow-md hover:bg-orange-600 transition-colors">Subscribe</button> </div> </div> </div> </section> <footer class="bg-blue-800 text-white py-8 mt-10"> <div class="max-w-7xl mx-auto grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-6 text-sm px-6"> <div> <h2 class="font-bold">ABOUT C5K</h2> <a href="#" class="block mt-2 hover:text-gray-300">Learn more about C5K</a> <a href="https://c5k.com/mission/vission" class="block hover:text-gray-300">Mission & Vision</a> </div> <div> <h2 class="font-bold">LOCATION</h2> <p class="mt-2">761 STATE HIGHWAY 100</p> <p>Port Isabel, TX 78578 USA</p> <a href="#" class="block mt-2 hover:text-gray-300">Contact & Support</a> </div> <div> <h2 class="font-bold">GET INVOLVED</h2> <a href="#" class="block mt-2 hover:text-gray-300">Conference</a> <a href="#" class="block hover:text-gray-300">Societies</a> <a href="#" class="block hover:text-gray-300">Technical career</a> <a href="#" class="block hover:text-gray-300">Scholarship</a> </div> <div> <h2 class="font-bold">RESOURCES</h2> <a href="#" class="block mt-2 hover:text-gray-300">Author guideline</a> <a href="#" class="block hover:text-gray-300">Paper format download</a> <a href="#" class="block hover:text-gray-300">Submit Article</a> <a href="#" class="block hover:text-gray-300">Book publishing</a> <a href="#" class="block hover:text-gray-300">Thesis/Dissertation</a> </div> </div> </footer> <div class="bg-gray-900 text-center text-sm py-4 px-4 text-white"> ©Copyright 2024 C5K All rights reserved. </div> <script> document.getElementById("menu-toggle").addEventListener("click", function() { document.getElementById("mobile-menu").classList.toggle("hidden"); }); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/js/all.min.js" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script> <script> var swiper = new Swiper(".mySwiper", { loop: true, // Enables infinite looping autoplay: { delay: 3000, // Auto-slide every 3 seconds disableOnInteraction: false, // Keeps autoplay after manual swipe }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, pagination: { el: ".swiper-pagination", clickable: true, }, effect: "slide", // Ensures smooth sliding preventClicks: true, // Prevents unwanted blue highlight preventClicksPropagation: false, // Ensures click event works properly }); </script> <script> document.addEventListener("DOMContentLoaded", function() { var swiper = new Swiper(".mySwiper2", { slidesPerView: 4, // Show 4 slides at a time spaceBetween: 20, // Space between slides loop: true, // Infinite loop navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, pagination: { el: ".swiper-pagination", clickable: true, }, autoplay: { delay: 3000, // Auto-slide every 3 seconds disableOnInteraction: false, }, breakpoints: { 320: { slidesPerView: 1 }, // Mobile: 1 slide 640: { slidesPerView: 2 }, // Tablet: 2 slides 1024: { slidesPerView: 4 } // Desktop: 4 slides } }); }); </script> </body> </html>