Dmitr-y/scientificpulse-journal-hub
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>ScientificPulse - Publish Your Research</title>7 <link rel="stylesheet" href="style.css">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://unpkg.com/feather-icons"></script>10 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>11 <style>12 .hero-gradient {13 background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);14 }15 .feature-card:hover {16 transform: translateY(-5px);17 box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);18 }19 </style>20</head>21<body class="bg-gray-50">22 <custom-navbar></custom-navbar>23 24 <!-- Hero Section -->25 <section class="hero-gradient text-white py-20 px-4">26 <div class="container mx-auto text-center">27 <h1 class="text-4xl md:text-6xl font-bold mb-6">Publish Your Research in a Prestigious Journal</h1>28 <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto">Indexed, peer-reviewed, and fast-track publication with global visibility</p>29 <a href="#submit" class="bg-white text-indigo-600 font-bold py-3 px-8 rounded-full text-lg hover:bg-gray-100 transition duration-300 inline-block">Submit Your Paper</a>30 </div>31 </section>32 33 <!-- Research Areas -->34 <section class="py-16 px-4">35 <div class="container mx-auto">36 <h2 class="text-3xl font-bold text-center mb-12">Key Research Areas</h2>37 <div class="flex flex-wrap justify-center gap-3 max-w-4xl mx-auto">38 <span class="bg-indigo-100 text-indigo-800 px-4 py-2 rounded-full">Biomedical Sciences</span>39 <span class="bg-indigo-100 text-indigo-800 px-4 py-2 rounded-full">Computer Science</span>40 <span class="bg-indigo-100 text-indigo-800 px-4 py-2 rounded-full">Engineering</span>41 <span class="bg-indigo-100 text-indigo-800 px-4 py-2 rounded-full">Environmental Science</span>42 <span class="bg-indigo-100 text-indigo-800 px-4 py-2 rounded-full">Physics</span>43 <span class="bg-indigo-100 text-indigo-800 px-4 py-2 rounded-full">Chemistry</span>44 <span class="bg-indigo-100 text-indigo-800 px-4 py-2 rounded-full">Mathematics</span>45 <span class="bg-indigo-100 text-indigo-800 px-4 py-2 rounded-full">Social Sciences</span>46 </div>47 </div>48 </section>49 50 <!-- Benefits -->51 <section class="bg-gray-100 py-16 px-4">52 <div class="container mx-auto">53 <h2 class="text-3xl font-bold text-center mb-12">Why Publish With Us</h2>54 <div class="grid md:grid-cols-2 lg:grid-cols-5 gap-8">55 <div class="feature-card bg-white p-6 rounded-lg shadow-md transition duration-300">56 <i data-feather="activity" class="text-indigo-500 w-10 h-10 mb-4"></i>57 <h3 class="font-bold text-lg mb-2">High Impact Factor</h3>58 <p class="text-gray-600">Recognized in academic circles for quality research</p>59 </div>60 <div class="feature-card bg-white p-6 rounded-lg shadow-md transition duration-300">61 <i data-feather="clock" class="text-indigo-500 w-10 h-10 mb-4"></i>62 <h3 class="font-bold text-lg mb-2">Fast Review</h3>63 <p class="text-gray-600">Average 4-week peer-review process</p>64 </div>65 <div class="feature-card bg-white p-6 rounded-lg shadow-md transition duration-300">66 <i data-feather="database" class="text-indigo-500 w-10 h-10 mb-4"></i>67 <h3 class="font-bold text-lg mb-2">Indexed</h3>68 <p class="text-gray-600">Scopus, Web of Science, DOAJ</p>69 </div>70 <div class="feature-card bg-white p-6 rounded-lg shadow-md transition duration-300">71 <i data-feather="globe" class="text-indigo-500 w-10 h-10 mb-4"></i>72 <h3 class="font-bold text-lg mb-2">Open Access</h3>73 <p class="text-gray-600">Global visibility for your research</p>74 </div>75 <div class="feature-card bg-white p-6 rounded-lg shadow-md transition duration-300">76 <i data-feather="hash" class="text-indigo-500 w-10 h-10 mb-4"></i>77 <h3 class="font-bold text-lg mb-2">DOI</h3>78 <p class="text-gray-600">Permanent digital identifier for your work</p>79 </div>80 </div>81 </div>82 </section>83 84 <!-- Special Offer -->85 <section class="py-16 px-4 bg-gradient-to-r from-indigo-500 to-purple-600 text-white">86 <div class="container mx-auto text-center">87 <h2 class="text-3xl font-bold mb-4">Special Limited-Time Offer!</h2>88 <p class="text-xl mb-8">20% discount for the first 10 submissions this month</p>89 <a href="#submit" class="bg-white text-indigo-600 font-bold py-3 px-8 rounded-full text-lg hover:bg-gray-100 transition duration-300 inline-block">Submit Now</a>90 </div>91 </section>92 93 <!-- Publication Process -->94 <section class="py-16 px-4">95 <div class="container mx-auto">96 <h2 class="text-3xl font-bold text-center mb-12">Publication Timeline</h2>97 <div class="relative">98 <div class="absolute left-0 right-0 top-1/2 h-1 bg-gray-200"></div>99 <div class="relative grid grid-cols-5 gap-4">100 <div class="text-center">101 <div class="mx-auto w-12 h-12 bg-indigo-500 rounded-full flex items-center justify-center text-white font-bold mb-2">1</div>102 <h3 class="font-bold">Submission</h3>103 <p class="text-sm text-gray-600">1-2 days</p>104 </div>105 <div class="text-center">106 <div class="mx-auto w-12 h-12 bg-indigo-500 rounded-full flex items-center justify-center text-white font-bold mb-2">2</div>107 <h3 class="font-bold">Review</h3>108 <p class="text-sm text-gray-600">2-4 weeks</p>109 </div>110 <div class="text-center">111 <div class="mx-auto w-12 h-12 bg-indigo-500 rounded-full flex items-center justify-center text-white font-bold mb-2">3</div>112 <h3 class="font-bold">Revision</h3>113 <p class="text-sm text-gray-600">1-2 weeks</p>114 </div>115 <div class="text-center">116 <div class="mx-auto w-12 h-12 bg-indigo-500 rounded-full flex items-center justify-center text-white font-bold mb-2">4</div>117 <h3 class="font-bold">Payment</h3>118 <p class="text-sm text-gray-600">1 day</p>119 </div>120 <div class="text-center">121 <div class="mx-auto w-12 h-12 bg-indigo-500 rounded-full flex items-center justify-center text-white font-bold mb-2">5</div>122 <h3 class="font-bold">Publication</h3>123 <p class="text-sm text-gray-600">1 week</p>124 </div>125 </div>126 </div>127 </div>128 </section>129 130 <!-- Requirements -->131 <section class="bg-gray-100 py-16 px-4">132 <div class="container mx-auto">133 <h2 class="text-3xl font-bold text-center mb-12">Submission Requirements</h2>134 <div class="max-w-3xl mx-auto bg-white p-8 rounded-lg shadow-md">135 <ul class="space-y-4">136 <li class="flex items-start">137 <i data-feather="file-text" class="text-indigo-500 mr-4 flex-shrink-0"></i>138 <div>139 <h3 class="font-bold">Article Template</h3>140 <p class="text-gray-600">Use our LaTeX or Word template</p>141 </div>142 </li>143 <li class="flex items-start">144 <i data-feather="type" class="text-indigo-500 mr-4 flex-shrink-0"></i>145 <div>146 <h3 class="font-bold">Format</h3>147 <p class="text-gray-600">PDF with embedded fonts</p>148 </div>149 </li>150 <li class="flex items-start">151 <i data-feather="book" class="text-indigo-500 mr-4 flex-shrink-0"></i>152 <div>153 <h3 class="font-bold">Length</h3>154 <p class="text-gray-600">6-12 pages, including references</p>155 </div>156 </li>157 <li class="flex items-start">158 <i data-feather="link" class="text-indigo-500 mr-4 flex-shrink-0"></i>159 <div>160 <h3 class="font-bold">References</h3>161 <p class="text-gray-600">APA or IEEE style</p>162 </div>163 </li>164 <li class="flex items-start">165 <i data-feather="download" class="text-indigo-500 mr-4 flex-shrink-0"></i>166 <div>167 <h3 class="font-bold">Download Template</h3>168 <p class="text-gray-600"><a href="#" class="text-indigo-500 hover:underline">Word</a> | <a href="#" class="text-indigo-500 hover:underline">LaTeX</a></p>169 </div>170 </li>171 </ul>172 </div>173 </div>174 </section>175 176 <!-- Pricing -->177 <section class="py-16 px-4" id="pricing">178 <div class="container mx-auto">179 <h2 class="text-3xl font-bold text-center mb-12">Publication Fees</h2>180 181 <div class="overflow-x-auto mb-12">182 <table class="w-full max-w-4xl mx-auto bg-white rounded-lg overflow-hidden shadow-md">183 <thead class="bg-indigo-500 text-white">184 <tr>185 <th class="py-4 px-6 text-left">Service</th>186 <th class="py-4 px-6 text-right">Price</th>187 </tr>188 </thead>189 <tbody class="divide-y divide-gray-200">190 <tr>191 <td class="py-4 px-6">Standard Publication (up to 8 pages)</td>192 <td class="py-4 px-6 text-right">$450</td>193 </tr>194 <tr>195 <td class="py-4 px-6">Additional Pages (per page)</td>196 <td class="py-4 px-6 text-right">$50</td>197 </tr>198 <tr>199 <td class="py-4 px-6">Color Figures (per figure)</td>200 <td class="py-4 px-6 text-right">$25</td>201 </tr>202 <tr>203 <td class="py-4 px-6">Fast-Track Review (+1 week)</td>204 <td class="py-4 px-6 text-right">$200</td>205 </tr>206 </tbody>207 </table>208 </div>209 210 <div class="max-w-md mx-auto bg-white p-8 rounded-lg shadow-md">211 <h3 class="text-xl font-bold mb-6">Cost Calculator</h3>212 <div class="space-y-4">213 <div>214 <label class="block text-gray-700 mb-2">Article Length (pages)</label>215 <input type="range" min="6" max="20" value="8" class="w-full" id="pageRange">216 <div class="flex justify-between text-sm text-gray-600">217 <span>6</span>218 <span id="pageValue">8</span>219 <span>20+</span>220 </div>221 </div>222 <div>223 <label class="block text-gray-700 mb-2">Color Figures</label>224 <input type="number" min="0" value="0" class="w-full border rounded px-3 py-2" id="colorFigures">225 </div>226 <div class="flex items-center">227 <input type="checkbox" id="fastTrack" class="mr-2">228 <label for="fastTrack">Fast-Track Review</label>229 </div>230 <div class="pt-4 border-t">231 <div class="flex justify-between font-bold text-lg">232 <span>Total Cost:</span>233 <span id="totalCost">$450</span>234 </div>235 </div>236 </div>237 <a href="#payment" class="mt-6 bg-indigo-500 text-white font-bold py-3 px-6 rounded-lg w-full block text-center hover:bg-indigo-600 transition duration-300">Proceed to Payment</a>238 </div>239 </div>240 </section>241 242 <!-- Publication Policy -->243 <section class="bg-gray-100 py-16 px-4">244 <div class="container mx-auto max-w-4xl">245 <h2 class="text-3xl font-bold text-center mb-12">Publication Policy</h2>246 <div class="bg-white p-8 rounded-lg shadow-md space-y-6">247 <div>248 <h3 class="font-bold text-xl mb-3">Peer Review Process</h3>249 <p class="text-gray-600">All submissions undergo double-blind peer review by at least two experts in the field. We maintain a rigorous review process to ensure academic excellence.</p>250 </div>251 <div>252 <h3 class="font-bold text-xl mb-3">Ethical Guidelines</h3>253 <p class="text-gray-600">We adhere to COPE (Committee on Publication Ethics) guidelines. Plagiarism, data fabrication, and unethical practices are strictly prohibited.</p>254 </div>255 <div>256 <h3 class="font-bold text-xl mb-3">Licensing</h3>257 <p class="text-gray-600">Articles are published under Creative Commons Attribution 4.0 International License (CC BY 4.0), allowing others to share and adapt the work with proper attribution.</p>258 </div>259 <div>260 <h3 class="font-bold text-xl mb-3">Author Agreement</h3>261 <p class="text-gray-600">Authors retain copyright but grant the journal right of first publication. Authors may archive post-print versions in institutional repositories.</p>262 </div>263 <a href="#" class="text-indigo-500 hover:underline inline-block">Download Full Policy Document</a>264 </div>265 </div>266 </section>267 268 <!-- Testimonials -->269 <section class="py-16 px-4">270 <div class="container mx-auto">271 <h2 class="text-3xl font-bold text-center mb-12">Author Testimonials</h2>272 <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">273 <div class="bg-white p-6 rounded-lg shadow-md">274 <div class="flex items-center mb-4">275 <img src="http://static.photos/people/200x200/1" alt="Dr. Smith" class="w-12 h-12 rounded-full mr-4">276 <div>277 <h4 class="font-bold">Dr. Jane Smith</h4>278 <p class="text-gray-600 text-sm">University of Cambridge</p>279 </div>280 </div>281 <p class="text-gray-700">"The review process was thorough but efficient. I particularly appreciated the constructive comments that helped improve my paper."</p>282 </div>283 <div class="bg-white p-6 rounded-lg shadow-md">284 <div class="flex items-center mb-4">285 <img src="http://static.photos/people/200x200/2" alt="Prof. Chen" class="w-12 h-12 rounded-full mr-4">286 <div>287 <h4 class="font-bold">Prof. Wei Chen</h4>288 <p class="text-gray-600 text-sm">Tsinghua University</p>289 </div>290 </div>291 <p class="text-gray-700">"My article was indexed in Scopus within two weeks of publication. The editorial team was responsive throughout the process."</p>292 </div>293 <div class="bg-white p-6 rounded-lg shadow-md">294 <div class="flex items-center mb-4">295 <img src="http://static.photos/people/200x200/3" alt="Dr. Rodriguez" class="w-12 h-12 rounded-full mr-4">296 <div>297 <h4 class="font-bold">Dr. Carlos Rodriguez</h4>298 <p class="text-gray-600 text-sm">MIT</p>299 </div>300 </div>301 <p class="text-gray-700">"The open access model gave my research exceptional visibility. I've received several collaboration requests since publication."</p>302 </div>303 </div>304 </div>305 </section>306 307 <!-- Official Letter -->308 <section class="bg-indigo-50 py-16 px-4">309 <div class="container mx-auto max-w-4xl text-center">310 <h2 class="text-3xl font-bold mb-6">Official Journal Information</h2>311 <p class="text-lg mb-8">Download our official information letter for your institution or funding body</p>312 <a href="#" class="bg-indigo-500 text-white font-bold py-3 px-8 rounded-lg inline-block hover:bg-indigo-600 transition duration-300">313 <i data-feather="download" class="inline mr-2"></i> Download PDF314 </a>315 </div>316 </section>317 318 <custom-footer></custom-footer>319 320 <script src="components/navbar.js"></script>321 <script src="components/footer.js"></script>322 <script src="script.js"></script>323 <script>324 feather.replace();325 326 // Calculator functionality327 document.addEventListener('DOMContentLoaded', function() {328 const pageRange = document.getElementById('pageRange');329 const pageValue = document.getElementById('pageValue');330 const colorFigures = document.getElementById('colorFigures');331 const fastTrack = document.getElementById('fastTrack');332 const totalCost = document.getElementById('totalCost');333 334 function calculateTotal() {335 let base = 450;336 let pages = parseInt(pageRange.value);337 let color = parseInt(colorFigures.value) * 25;338 let fast = fastTrack.checked ? 200 : 0;339 340 if (pages > 8) {341 base += (pages - 8) * 50;342 }343 344 let total = base + color + fast;345 totalCost.textContent = '$' + total;346 pageValue.textContent = pages;347 }348 349 pageRange.addEventListener('input', calculateTotal);350 colorFigures.addEventListener('input', calculateTotal);351 fastTrack.addEventListener('change', calculateTotal);352 });353 </script>354<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>355</body>356</html>