CoolFace
Apppublic

girenit/Argus

sourceHugging Faceotherupdated 1mo agoView on Hugging Face
0likes
index.html373 linesDownload Raw Back to root
1<!doctype html>2<html lang="tr" class="no-js">3  <head>4    <meta charset="UTF-8" />5    <meta name="viewport" content="width=device-width, initial-scale=1" />6    <meta name="referrer" content="no-referrer" />7    <meta8      http-equiv="Content-Security-Policy"9      content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; font-src 'self'; connect-src 'none'; object-src 'none'; base-uri 'none'; form-action 'none'"10    />11    <meta12      name="description"13      content="Argus — We'Rea'nın uç nokta görünürlüğü, güvenlik duruşu, politika ve olay takibi platformu."14    />15    <meta name="theme-color" content="#07111e" />16    <title>Argus — Siber Güvenlik Platformu</title>17    <link rel="stylesheet" href="styles.css" />18    <script type="module" src="app.js"></script>19  </head>20  <body>21    <a class="skip-link" href="#main-content">Ana içeriğe geç</a>22 23    <svg class="svg-sprite" aria-hidden="true">24      <symbol id="icon-shield" viewBox="0 0 24 24">25        <path d="M12 3 19 6v5c0 4.7-2.7 8.1-7 10-4.3-1.9-7-5.3-7-10V6l7-3Z" />26        <path d="m9.2 12 1.8 1.8 3.8-4" />27      </symbol>28      <symbol id="icon-arrow" viewBox="0 0 24 24"><path d="M5 12h14m-5-5 5 5-5 5" /></symbol>29      <symbol id="icon-chevron" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6" /></symbol>30      <symbol id="icon-device" viewBox="0 0 24 24">31        <rect x="3" y="4" width="18" height="13" rx="2" /><path d="M8 21h8M12 17v4" />32      </symbol>33      <symbol id="icon-event" viewBox="0 0 24 24">34        <path d="M12 3 2.8 20h18.4L12 3Z" /><path d="M12 9v4M12 17h.01" />35      </symbol>36      <symbol id="icon-policy" viewBox="0 0 24 24">37        <path d="M7 3h10v3h3v15H4V6h3V3Z" /><path d="M8 11h8M8 15h5M9 3h6v4H9V3Z" />38      </symbol>39      <symbol id="icon-health" viewBox="0 0 24 24"><path d="M3 12h4l2-5 4 10 2-5h6" /></symbol>40      <symbol id="icon-grid" viewBox="0 0 24 24">41        <rect x="4" y="4" width="6" height="6" rx="1" /><rect x="14" y="4" width="6" height="6" rx="1" />42        <rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" />43      </symbol>44      <symbol id="icon-layers" viewBox="0 0 24 24">45        <path d="m12 3 9 5-9 5-9-5 9-5Z" /><path d="m3 12 9 5 9-5M3 16l9 5 9-5" />46      </symbol>47      <symbol id="icon-lock" viewBox="0 0 24 24">48        <rect x="4" y="10" width="16" height="11" rx="2" /><path d="M8 10V7a4 4 0 0 1 8 0v3M12 14v3" />49      </symbol>50      <symbol id="icon-clock" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" /><path d="M12 7v5l3 2" /></symbol>51      <symbol id="icon-check" viewBox="0 0 24 24"><path d="m5 12 4 4L19 6" /></symbol>52      <symbol id="icon-info" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" /><path d="M12 11v6M12 7h.01" /></symbol>53      <symbol id="icon-scan" viewBox="0 0 24 24">54        <path d="M4 8V5a1 1 0 0 1 1-1h3M16 4h3a1 1 0 0 1 1 1v3M20 16v3a1 1 0 0 1-1 1h-3M8 20H5a1 1 0 0 1-1-1v-3M7 12h10" />55      </symbol>56    </svg>57 58    <div class="page-progress" aria-hidden="true"><span></span></div>59    <div class="noise" aria-hidden="true"></div>60 61    <div class="public-ribbon" role="note">62      <svg aria-hidden="true"><use href="#icon-info"></use></svg>63      <span>Public product overview</span><i></i><span>Synthetic demo</span><i></i><span>No production connection</span>64    </div>65 66    <header class="site-header">67      <div class="header-inner">68        <a class="brand" href="#top" aria-label="Argus ana sayfa">69          <span class="brand-mark"><svg aria-hidden="true"><use href="#icon-shield"></use></svg></span>70          <span class="brand-copy"><strong>ARGUS</strong><small>by We'Rea</small></span>71        </a>72        <nav aria-label="Sayfa bölümleri">73          <a href="#platform">Platform</a>74          <a href="#kapsam">Kapsam</a>75          <a href="#guvenlik">Güvenlik sınırı</a>76          <a class="nav-demo" href="https://werea-co-argus-security-console.static.hf.space/index.html" target="_blank" rel="noopener noreferrer">77            Canlı demo <svg aria-hidden="true"><use href="#icon-arrow"></use></svg>78          </a>79        </nav>80      </div>81    </header>82 83    <main id="main-content">84      <section class="hero" id="top" aria-labelledby="hero-title">85        <div class="hero-atmosphere" aria-hidden="true">86          <span class="orb orb-one"></span><span class="orb orb-two"></span><span class="grid-plane"></span>87        </div>88 89        <div class="hero-inner">90          <div class="hero-copy">91            <p class="eyebrow hero-enter hero-enter-1"><span></span> We'Rea siber güvenlik ürünü</p>92            <h1 id="hero-title" class="hero-enter hero-enter-2">93              Uç nokta güvenliği.<br /><span>Tek operasyonel görüş.</span>94            </h1>95            <p class="hero-lead hero-enter hero-enter-3">96              Argus; cihaz envanteri, ajan durumu, güvenlik bulguları, politikalar ve sistem97              sağlığını kanıt sınırlarıyla birlikte tek bir self-hosted platformda birleştirir.98            </p>99            <div class="hero-actions hero-enter hero-enter-4">100              <a101                class="button button-primary"102                href="https://werea-co-argus-security-console.static.hf.space/index.html"103                target="_blank"104                rel="noopener noreferrer"105                aria-label="Argus Security Console demosunu aç"106              >107                <span>Security Console'u incele</span><svg aria-hidden="true"><use href="#icon-arrow"></use></svg>108              </a>109              <a class="button button-ghost" href="#platform">Platformu keşfet</a>110            </div>111            <div class="hero-assurance hero-enter hero-enter-5" aria-label="Tanıtım güvenlik sınırı">112              <span><svg aria-hidden="true"><use href="#icon-check"></use></svg> Sentetik veri</span>113              <span><svg aria-hidden="true"><use href="#icon-check"></use></svg> Üretim bağlantısı yok</span>114              <span><svg aria-hidden="true"><use href="#icon-check"></use></svg> Özel kaynak kapalı</span>115            </div>116          </div>117 118          <div class="hero-visual hero-enter hero-enter-3" data-tilt>119            <div class="visual-halo" aria-hidden="true"></div>120            <div class="console-window hero-console" data-surface>121              <div class="console-titlebar">122                <div class="console-brand"><span><svg aria-hidden="true"><use href="#icon-shield"></use></svg></span><strong>ARGUS</strong></div>123                <div class="console-title">Security Console</div>124                <div class="window-status"><i></i> Demo ready</div>125              </div>126              <div class="console-layout">127                <aside class="console-sidebar" aria-label="Konsol önizleme menüsü">128                  <span class="is-active"><svg aria-hidden="true"><use href="#icon-grid"></use></svg><b>Overview</b></span>129                  <span><svg aria-hidden="true"><use href="#icon-device"></use></svg><b>Endpoints</b></span>130                  <span><svg aria-hidden="true"><use href="#icon-event"></use></svg><b>Events</b></span>131                  <span><svg aria-hidden="true"><use href="#icon-policy"></use></svg><b>Policies</b></span>132                  <span><svg aria-hidden="true"><use href="#icon-health"></use></svg><b>Health</b></span>133                </aside>134                <div class="console-content">135                  <div class="console-heading">136                    <div><small>FLEET WORKSPACE</small><strong>Fleet posture</strong></div>137                    <span><svg aria-hidden="true"><use href="#icon-clock"></use></svg> Synthetic snapshot</span>138                  </div>139                  <div class="metric-row">140                    <article><small>Enrolled endpoints</small><strong>8</strong><span>Windows · macOS · Linux</span></article>141                    <article><small>Currently online</small><strong>6</strong><span>Expected heartbeat</span></article>142                    <article class="metric-alert"><small>Open findings</small><strong>5</strong><span>Review required</span></article>143                  </div>144                  <div class="console-lower">145                    <div class="chart-card">146                      <div class="card-title"><strong>Fleet posture trend</strong><span>7 observations</span></div>147                      <div class="chart-visual" aria-label="Sentetik filo duruş grafiği">148                        <i class="line line-one"></i><i class="line line-two"></i><i class="line line-three"></i>149                        <svg viewBox="0 0 420 132" role="img" aria-label="Çevrimiçi uç noktaların sentetik eğilimi">150                          <path class="area" d="M8 104 C70 104 85 100 130 72 S220 72 265 72 S345 70 412 70 L412 126 L8 126Z" />151                          <path class="trend" d="M8 104 C70 104 85 100 130 72 S220 72 265 72 S345 70 412 70" />152                          <path class="attention" d="M8 112 C120 112 210 112 260 94 S350 94 412 94" />153                        </svg>154                      </div>155                    </div>156                    <div class="queue-card">157                      <div class="card-title"><strong>Review queue</strong><span>Open</span></div>158                      <div class="queue-item"><i class="danger"></i><span>Heartbeat outside window</span></div>159                      <div class="queue-item"><i class="warning"></i><span>Disk threshold review</span></div>160                      <div class="queue-item"><i class="warning"></i><span>Firewall evidence stale</span></div>161                    </div>162                  </div>163                </div>164              </div>165              <div class="console-scan" aria-hidden="true"></div>166            </div>167 168            <div class="floating-proof proof-one" aria-hidden="true">169              <span class="proof-icon"><svg><use href="#icon-scan"></use></svg></span>170              <span><small>Evidence state</small><strong>Current &amp; explicit</strong></span>171            </div>172            <div class="floating-proof proof-two" aria-hidden="true">173              <i></i><span><small>Agent heartbeat</small><strong>Fresh signal</strong></span>174            </div>175          </div>176        </div>177 178        <a class="scroll-cue" href="#platform" aria-label="Platform bölümüne ilerle">179          <span>Keşfet</span><i aria-hidden="true"></i>180        </a>181      </section>182 183      <section class="signal-rail" aria-label="Argus kapsamı">184        <div class="signal-track">185          <div>186            <span>Endpoint visibility</span><i></i><span>Agent status</span><i></i><span>Security posture</span><i></i>187            <span>Policy evidence</span><i></i><span>Event timeline</span><i></i><span>System health</span><i></i>188          </div>189          <div aria-hidden="true">190            <span>Endpoint visibility</span><i></i><span>Agent status</span><i></i><span>Security posture</span><i></i>191            <span>Policy evidence</span><i></i><span>Event timeline</span><i></i><span>System health</span><i></i>192          </div>193        </div>194      </section>195 196      <section class="product-story" id="platform" aria-labelledby="story-title">197        <div class="section-intro" data-reveal>198          <p class="eyebrow"><span></span> Canlı ürün anlatımı</p>199          <h2 id="story-title">Sinyalden karara uzanan<br /><span>tek bir güvenlik resmi.</span></h2>200          <p>Kaydırın veya bir başlık seçin. Konsol, doğrulanmış Argus kavramları arasında bağlamı koruyarak geçiş yapar.</p>201        </div>202 203        <div class="story-layout">204          <div class="tour-wrap" data-reveal>205            <div class="tour-glow" aria-hidden="true"></div>206            <div class="tour-console" data-surface>207              <div class="tour-topbar">208                <div class="console-brand"><span><svg aria-hidden="true"><use href="#icon-shield"></use></svg></span><strong>ARGUS</strong></div>209                <div class="tour-tabs" role="tablist" aria-label="Argus ürün görünümleri">210                  <button type="button" role="tab" aria-selected="true" aria-controls="scene-fleet" data-scene-button="fleet">Fleet</button>211                  <button type="button" role="tab" aria-selected="false" aria-controls="scene-endpoints" data-scene-button="endpoints">Endpoints</button>212                  <button type="button" role="tab" aria-selected="false" aria-controls="scene-events" data-scene-button="events">Events</button>213                  <button type="button" role="tab" aria-selected="false" aria-controls="scene-policies" data-scene-button="policies">Policies</button>214                </div>215                <span class="tour-synthetic"><i></i> Synthetic</span>216              </div>217 218              <div class="scene-stack">219                <section class="tour-scene is-active" id="scene-fleet" role="tabpanel" data-scene="fleet">220                  <div class="scene-heading"><div><small>01 / FLEET</small><h3>Operasyonel görünüm</h3></div><span>08:30 UTC snapshot</span></div>221                  <div class="scene-metrics">222                    <article><small>Enrolled</small><strong>8</strong><span>Sentetik uç nokta</span></article>223                    <article><small>Online</small><strong>6</strong><span>Beklenen pencerede</span></article>224                    <article><small>Findings</small><strong>5</strong><span>Açık inceleme</span></article>225                    <article><small>Compliant</small><strong>4</strong><span>Eski kanıt hariç</span></article>226                  </div>227                  <div class="fleet-panel">228                    <div class="fleet-bars">229                      <div><span>Online endpoints</span><i style="--bar: 76%"></i><b>6</b></div>230                      <div><span>Policy evidence</span><i style="--bar: 58%"></i><b>4</b></div>231                      <div><span>Needs attention</span><i class="bar-warn" style="--bar: 40%"></i><b>3</b></div>232                    </div>233                    <div class="fleet-note"><svg aria-hidden="true"><use href="#icon-info"></use></svg><span>Unknown and stale states are never counted as passing.</span></div>234                  </div>235                </section>236 237                <section class="tour-scene" id="scene-endpoints" role="tabpanel" data-scene="endpoints" hidden>238                  <div class="scene-heading"><div><small>02 / ENDPOINTS</small><h3>Cihaz ve ajan tazeliği</h3></div><span>Inventory view</span></div>239                  <div class="endpoint-table" role="table" aria-label="Sentetik uç nokta envanteri">240                    <div class="table-row table-head" role="row"><span>Endpoint</span><span>Platform</span><span>Agent</span><span>Posture</span></div>241                    <div class="table-row" role="row"><strong>LAB-WIN-014<small>Sample User 01</small></strong><span>Windows 11</span><span><i class="state online"></i>Online</span><span class="pill success">Compliant</span></div>242                    <div class="table-row" role="row"><strong>LAB-MAC-007<small>Sample User 03</small></strong><span>macOS 15.5</span><span><i class="state stale"></i>Stale</span><span class="pill neutral">Unknown</span></div>243                    <div class="table-row" role="row"><strong>LAB-WIN-033<small>Unassigned</small></strong><span>Windows 11</span><span><i class="state offline"></i>Offline</span><span class="pill warning">Attention</span></div>244                    <div class="table-row" role="row"><strong>LAB-LNX-022<small>Sample User 04</small></strong><span>Ubuntu 24.04</span><span><i class="state online"></i>Online</span><span class="pill success">Compliant</span></div>245                  </div>246                </section>247 248                <section class="tour-scene" id="scene-events" role="tabpanel" data-scene="events" hidden>249                  <div class="scene-heading"><div><small>03 / SECURITY EVENTS</small><h3>Bulgu ve olay zaman akışı</h3></div><span>Review queue</span></div>250                  <div class="event-list">251                    <article><span class="event-severity high">High</span><div><strong>Endpoint heartbeat outside expected window</strong><small>LAB-WIN-033 · 3 hr ago · Synthetic event</small></div><svg aria-hidden="true"><use href="#icon-chevron"></use></svg></article>252                    <article><span class="event-severity medium">Medium</span><div><strong>System disk free space below policy threshold</strong><small>LAB-WIN-021 · 6 min ago · Synthetic event</small></div><svg aria-hidden="true"><use href="#icon-chevron"></use></svg></article>253                    <article><span class="event-severity medium">Medium</span><div><strong>Firewall profile requires review</strong><small>LAB-WIN-040 · 3 min ago · Synthetic event</small></div><svg aria-hidden="true"><use href="#icon-chevron"></use></svg></article>254                    <article><span class="event-severity low">Low</span><div><strong>Inventory evidence refreshed</strong><small>LAB-LNX-022 · 7 min ago · Synthetic event</small></div><svg aria-hidden="true"><use href="#icon-chevron"></use></svg></article>255                  </div>256                </section>257 258                <section class="tour-scene" id="scene-policies" role="tabpanel" data-scene="policies" hidden>259                  <div class="scene-heading"><div><small>04 / POLICIES</small><h3>Kanıt durumu, kesinlik sınırı</h3></div><span>Evidence states</span></div>260                  <div class="policy-grid">261                    <article><div class="policy-icon"><svg aria-hidden="true"><use href="#icon-shield"></use></svg></div><small>Firewall posture</small><strong>Current evidence</strong><span class="policy-state success"><i></i>Compliant</span></article>262                    <article><div class="policy-icon"><svg aria-hidden="true"><use href="#icon-lock"></use></svg></div><small>Disk encryption</small><strong>Evidence unavailable</strong><span class="policy-state neutral"><i></i>Unknown</span></article>263                    <article><div class="policy-icon"><svg aria-hidden="true"><use href="#icon-clock"></use></svg></div><small>Update freshness</small><strong>Observation stale</strong><span class="policy-state warning"><i></i>Review</span></article>264                    <article><div class="policy-icon"><svg aria-hidden="true"><use href="#icon-health"></use></svg></div><small>Agent heartbeat</small><strong>Expected window</strong><span class="policy-state success"><i></i>Current</span></article>265                  </div>266                </section>267              </div>268            </div>269          </div>270 271          <div class="story-steps">272            <article class="story-step is-active" data-story-step="fleet" data-reveal>273              <button type="button" data-story-trigger="fleet" aria-controls="scene-fleet">274                <span class="step-number">01</span><span class="step-title">Filo duruşu</span><svg aria-hidden="true"><use href="#icon-arrow"></use></svg>275              </button>276              <p>Ajan tazeliği, açık bulgular ve politika kanıtını tek bakışta; bilinmeyen durumları saklamadan görün.</p>277            </article>278            <article class="story-step" data-story-step="endpoints" data-reveal>279              <button type="button" data-story-trigger="endpoints" aria-controls="scene-endpoints">280                <span class="step-number">02</span><span class="step-title">Uç nokta envanteri</span><svg aria-hidden="true"><use href="#icon-arrow"></use></svg>281              </button>282              <p>Cihaz, işletim sistemi, kullanıcı etiketi ve ajan durumunu platform farklarıyla birlikte inceleyin.</p>283            </article>284            <article class="story-step" data-story-step="events" data-reveal>285              <button type="button" data-story-trigger="events" aria-controls="scene-events">286                <span class="step-number">03</span><span class="step-title">Bulgular ve olaylar</span><svg aria-hidden="true"><use href="#icon-arrow"></use></svg>287              </button>288              <p>Güvenlik bulgularını öncelik, kaynak ve sentetik olay zaman akışıyla inceleme kuyruğuna taşıyın.</p>289            </article>290            <article class="story-step" data-story-step="policies" data-reveal>291              <button type="button" data-story-trigger="policies" aria-controls="scene-policies">292                <span class="step-number">04</span><span class="step-title">Politika kanıtı</span><svg aria-hidden="true"><use href="#icon-arrow"></use></svg>293              </button>294              <p>Uyumlu, dikkat gerektiren, bilinmeyen ve eski kanıt durumlarını birbirinden kesin biçimde ayırın.</p>295            </article>296          </div>297        </div>298      </section>299 300      <section class="capabilities" id="kapsam" aria-labelledby="capabilities-title">301        <div class="section-intro compact" data-reveal>302          <p class="eyebrow"><span></span> Platform kapsamı</p>303          <h2 id="capabilities-title">Yoğun veri. Sade karar yüzeyi.</h2>304          <p>Argus’un doğrulanmış kavramları, güvenlik ekibine birbiriyle bağlantılı ama ayrıştırılmış görünümler sunar.</p>305        </div>306 307        <div class="bento-grid">308          <article class="bento-card bento-wide" data-surface data-reveal>309            <div class="bento-copy"><span class="bento-index">01</span><h3>Kanıta dayalı güvenlik duruşu</h3><p>Başarılı, bilinmeyen ve eski kanıtı aynı renge boyamadan; kesinlik sınırını operasyon ekranında korur.</p></div>310            <div class="evidence-stack" aria-label="Örnek kanıt durumları">311              <span><i class="state online"></i><b>Current</b><small>Evidence within window</small></span>312              <span><i class="state stale"></i><b>Stale</b><small>Review required</small></span>313              <span><i class="state unknown"></i><b>Unknown</b><small>No supported evidence</small></span>314            </div>315          </article>316          <article class="bento-card" data-surface data-reveal>317            <div class="bento-icon"><svg aria-hidden="true"><use href="#icon-device"></use></svg></div><span class="bento-index">02</span><h3>Çoklu platform görünümü</h3><p>Windows, macOS ve Linux cihazlarını ortak bir envanter yüzeyinde sunar.</p>318          </article>319          <article class="bento-card" data-surface data-reveal>320            <div class="bento-icon alert"><svg aria-hidden="true"><use href="#icon-event"></use></svg></div><span class="bento-index">03</span><h3>İnceleme bağlamı</h3><p>Bulgu, öncelik ve olay zaman akışını tek inceleme zincirinde birleştirir.</p>321          </article>322          <article class="bento-card bento-wide bento-health" data-surface data-reveal>323            <div class="health-visual" aria-hidden="true">324              <span class="health-line"><i></i><i></i><i></i><i></i><i></i><i></i><i></i></span>325              <span class="health-pulse"><i></i></span>326            </div>327            <div class="bento-copy"><span class="bento-index">04</span><h3>Sistem sağlığı ve entegrasyon sınırı</h3><p>Servis durumunu, veri tazeliğini ve entegrasyonları “bağlı” varsaymadan, eldeki kanıtla gösterir.</p></div>328          </article>329        </div>330      </section>331 332      <section class="security-boundary" id="guvenlik" aria-labelledby="boundary-title">333        <div class="boundary-aura" aria-hidden="true"></div>334        <div class="boundary-copy" data-reveal>335          <div class="boundary-icon"><svg aria-hidden="true"><use href="#icon-lock"></use></svg></div>336          <p class="eyebrow"><span></span> Kamusal güvenlik sınırı</p>337          <h2 id="boundary-title">Ürünü gösterir.<br /><span>Özel uygulamayı değil.</span></h2>338          <p>Bu tanıtım katmanı gerçek altyapıya bağlanmaz ve özel Argus uygulamasını açığa çıkarmaz.</p>339        </div>340        <div class="boundary-list" data-reveal>341          <article><span>01</span><div><strong>Sentetik veri</strong><p>Müşteri, cihaz, kullanıcı ve olay kayıtlarının tamamı kurgusaldır.</p></div></article>342          <article><span>02</span><div><strong>Bağlantısız demo</strong><p>Argus server, endpoint agent, kimlik sağlayıcı, SIEM veya production API bağlı değildir.</p></div></article>343          <article><span>03</span><div><strong>Özel kaynak korunur</strong><p>Tespit mantığı, ajan iç yapısı, dağıtım otomasyonu ve lisans mekanizması yayımlanmaz.</p></div></article>344          <article><span>04</span><div><strong>Abartısız kapsam</strong><p>Yapay zekâ, otonom yanıt, sertifikasyon veya belirli bir production durumu iddia edilmez.</p></div></article>345        </div>346      </section>347 348      <section class="final-cta" aria-labelledby="cta-title">349        <div class="cta-grid" aria-hidden="true"></div>350        <div class="cta-inner" data-reveal>351          <span class="cta-mark"><svg aria-hidden="true"><use href="#icon-shield"></use></svg></span>352          <p class="eyebrow"><span></span> Etkileşimli teknik tanıtım</p>353          <h2 id="cta-title">Argus’u sentetik bir filoda<br /><span>yakından inceleyin.</span></h2>354          <p>Security Console; genel bakış, uç noktalar, olaylar, politikalar ve sistem sağlığı ekranlarını sabit demo verisiyle sunar.</p>355          <a class="button button-primary button-large" href="https://werea-co-argus-security-console.static.hf.space/index.html" target="_blank" rel="noopener noreferrer">356            <span>Argus Security Console'u aç</span><svg aria-hidden="true"><use href="#icon-arrow"></use></svg>357          </a>358        </div>359      </section>360    </main>361 362    <footer>363      <div class="footer-inner">364        <div class="footer-brand">365          <span class="brand-mark brand-mark-small"><svg aria-hidden="true"><use href="#icon-shield"></use></svg></span>366          <span><strong>Argus</strong><small>We'Rea cybersecurity product</small></span>367        </div>368        <p>Argus is a cybersecurity product owned by We'Rea. Development by Girenit and GoktugD.</p>369      </div>370    </footer>371  </body>372</html>373