Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Center logo in navbar #26 #59

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
218 changes: 123 additions & 95 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,27 +15,32 @@
<!-- header code starts here -->
<header class="head">
<div class="id_logo" id='logo'>
<span class="circle" href="#">
<img src="img/logo_color.png" width="50px" height="50px"/>
</span>
<a href="/">
<span class="circle" href="#">
<img src="img/logo_color.png" width="50px" height="50px" />
</span>
</a>
</div>

<nav class="navbar">
<ul class="navigation id_main-nav" id="main-nav">
<li><a href="http://brlcad.org/gallery">
Gallery</a></li>
<li><a href="https://sourceforge.net/projects/brlcad/support">
Support</a></li>
<li><a href="https://www.facebook.com/BRL-CAD-387112738872/">
News</a></li>
<li><a href="http://brlcad.org/wiki/">
Documentation</a></li>
<li><a href="http://brlcad.org/d/download">
Download</a></li>
<li>
<a href="http://brlcad.org/d/about">
About
</a>
<a href="http://brlcad.org/gallery">Gallery</a>
</li>
<li>
<a href="https://sourceforge.net/projects/brlcad/support">Support</a>
</li>
<li>
<a href="https://www.facebook.com/BRL-CAD-387112738872/">News</a>
</li>
<div id="circle-space"></div>
<li>
<a href="http://brlcad.org/wiki/">Docs</a>
</li>
<li>
<a href="http://brlcad.org/d/download">Download</a>
</li>
<li>
<a href="http://brlcad.org/d/about">About</a>
</li>

</ul>
Expand All @@ -51,94 +56,107 @@
</div>

<div class="wrapper-main">
<h1 class="main-h1"><span class="brl">BRL</span><span class="dash">&#8209;</span><span class="cad">CAD</span></h1>
<h1 class="main-h1">
<span class="brl">BRL</span>
<span class="dash">&#8209;</span>
<span class="cad">CAD</span>
</h1>
<h2 class="byline">Think&nbsp;•&nbsp;Invent&nbsp;•&nbsp;Create</h2>
<!-- <h2 class="ossm">Open&nbsp;Source&nbsp;Solid&nbsp;Modeling</h2> -->
</div>

</div>

<div class="icon-table">
<div class="container">
<div class="intro1">
<img src="img/icon-open.svg" class="pad" alt="Open Source" onerror="this.onerror=null; this.src='img/brlcad-icon-open.png'">
<h2 class="intro-topic">Open Source!</h2>
<p class="intro-main">
100% FREE with people all over the world contributing their thoughts. Escape vendor lock-in, for any purpose, forever.
</p>
</div>
<div class="intro1">
<img src="img/icon-love.svg" class="pad" alt="Join Us!" onerror="this.onerror=null; this.src='img/brlcad-icon-love.png'">
<h2 class="intro-topic">Join Us!</h2>
<p class="intro-main">
Help make a better CAD system, make modeling fun. No experience neccassary.
</p>
</div>
<div class="intro1">
<img src="img/icon-3d.svg" class="pad" alt="Solid Modeling!" onerror="this.onerror=null; this.src='img/brlcad-icon-3d.png'">
<h2 class="intro-topic">Solid Modeling!</h2>
<p class="intro-main">
Hybrid CSG and B-REP kernel with innovative methods for unambiguous 3D geometry. Verification, validation, performant.
</p>
</div>
<div class="container">
<div class="intro1">
<img src="img/icon-open.svg" class="pad" alt="Open Source" onerror="this.onerror=null; this.src='img/brlcad-icon-open.png'">
<h2 class="intro-topic">Open Source!</h2>
<p class="intro-main">
100% FREE with people all over the world contributing their thoughts. Escape vendor lock-in, for any purpose, forever.
</p>
</div>
<div class="intro1">
<img src="img/icon-love.svg" class="pad" alt="Join Us!" onerror="this.onerror=null; this.src='img/brlcad-icon-love.png'">
<h2 class="intro-topic">Join Us!</h2>
<p class="intro-main">
Help make a better CAD system, make modeling fun. No experience neccassary.
</p>
</div>
<div class="intro1">
<img src="img/icon-3d.svg" class="pad" alt="Solid Modeling!" onerror="this.onerror=null; this.src='img/brlcad-icon-3d.png'">
<h2 class="intro-topic">Solid Modeling!</h2>
<p class="intro-main">
Hybrid CSG and B-REP kernel with innovative methods for unambiguous 3D geometry. Verification, validation, performant.
</p>
</div>
</div>
</div>
<a href="https://www.flossmanuals.net/contributors-guide-to-brl-cad/" class="nots-opts1">Learn&nbsp;More</a>

<div class="what-r">
<div class="container">
<h2 class="intro-topic">What is BRL&#8209;CAD?</h2>
<p class="what-p">
BRL-CAD is a powerful open source cross-platform solid modeling system that includes interactive geometry editing, high-performance
ray-tracing for rendering and geometric analysis, a system performance analysis benchmark suite, geometry libraries
for application developers, and more than 30 years of active development.
</p>
<div class="container">
<h2 class="intro-topic">What is BRL&#8209;CAD?</h2>
<p class="what-p">
BRL-CAD is a powerful open source cross-platform solid modeling system that includes interactive geometry editing, high-performance
ray-tracing for rendering and geometric analysis, a system performance analysis benchmark suite, geometry
libraries for application developers, and more than 30 years of active development.
</p>
</div>
</div>

<div class="why-us">
<div class="container">
<h1 class="main-h1" style="font-size: 3.33rem; margin-bottom: 40px;">Highlights</h1>
<ul class="double">
<li>
<h2 class="intro-topic">Cross platform</h2>
<p class="intro-main">
The package is intentionally designed to be extensively cross-platform and is actively developed on and maintained for many
common operating system environments including for BSD, Linux, Solaris, Mac OS X, and Windows among others.
BRL-CAD is distributed in binary and source code form.
</p>
</li>
<li>
<h2 class="intro-topic">Since 1979</h2>
<p class="intro-main">
Mike Muuss began the initial architecture and design of BRL-CAD back in 1979. Development as a unified package began in 1983.
The first public release was made in 1984. BRL-CAD became an open source project on 21 December 2004.
</p>
</li>
<li>
<h2 class="intro-topic">Trusted by U.S Military</h2>
<p class="intro-main">
BRL-CAD is choice of U.S Military. For more than 20 years, BRL-CAD has been the primary tri-service solid modeling CAD system
used by the U.S. military to model weapons systems for vulnerability and lethality analyses.
</p>
</li>
<li>
<h2 class="intro-topic">Free & Open</h2>
<p class="intro-main">
BRL-CAD respects your freedom so our code is open source under OSI approved license terms, which means you can customize
it according to your needs.It also means that you will get this software Free of cost and we won't charge
you ever for any update or support.
</p>
</li>
</ul><a href="http://brlcad.org/d/about" class="nots-opts1">Learn&nbsp;More</a>
</div>
<div class="container">
<h1 class="main-h1" style="font-size: 3.33rem; margin-bottom: 40px;">Highlights</h1>
<ul class="double">
<li>
<h2 class="intro-topic">Cross platform</h2>
<p class="intro-main">
The package is intentionally designed to be extensively cross-platform and is actively developed on and maintained for many
common operating system environments including for BSD, Linux, Solaris, Mac OS X, and Windows among
others. BRL-CAD is distributed in binary and source code form.
</p>
</li>
<li>
<h2 class="intro-topic">Since 1979</h2>
<p class="intro-main">
Mike Muuss began the initial architecture and design of BRL-CAD back in 1979. Development as a unified package began in 1983.
The first public release was made in 1984. BRL-CAD became an open source project on 21 December 2004.
</p>
</li>
<li>
<h2 class="intro-topic">Trusted by U.S Military</h2>
<p class="intro-main">
BRL-CAD is choice of U.S Military. For more than 20 years, BRL-CAD has been the primary tri-service solid modeling CAD system
used by the U.S. military to model weapons systems for vulnerability and lethality analyses.
</p>
</li>
<li>
<h2 class="intro-topic">Free & Open</h2>
<p class="intro-main">
BRL-CAD respects your freedom so our code is open source under OSI approved license terms, which means you can customize
it according to your needs.It also means that you will get this software Free of cost and we won't
charge you ever for any update or support.
</p>
</li>
</ul>
<a href="http://brlcad.org/d/about" class="nots-opts1">Learn&nbsp;More</a>
</div>
</div>
<div class="articles">
<div class="article-table">
<a onclick="Alert1.render1('1')"><img src="img/Archer_logo.png" alt="IMAGE1"></a>
<a onclick="Alert2.render2('2')"><img src="img/Mike_Muuss.jpg" alt="IMAGE2"></a>
<a onclick="Alert3.render3('3')"><img src="img/documenting_redux.png" alt="IMAGE3"></a>
<a onclick="Alert4.render4('4')"><img src="img/mascot.png" alt="IMAGE4"></a>
<a onclick="Alert1.render1('1')">
<img src="img/Archer_logo.png" alt="IMAGE1">
</a>
<a onclick="Alert2.render2('2')">
<img src="img/Mike_Muuss.jpg" alt="IMAGE2">
</a>
<a onclick="Alert3.render3('3')">
<img src="img/documenting_redux.png" alt="IMAGE3">
</a>
<a onclick="Alert4.render4('4')">
<img src="img/mascot.png" alt="IMAGE4">
</a>
</div>
</div>
<!-- <div class="last">
Expand All @@ -165,26 +183,36 @@ <h1 class="main-h1">
<h1 class="main-h1" style="font-size: 1.55rem; color: #fff;">Follow us on social media!</h1>
<ul class="links">
<li>
<a target="blank" href="https://www.facebook.com/pages/BRL-CAD/387112738872"><img src="img/facebook.png" alt="ICON"></a>
<a target="blank" href="https://www.facebook.com/pages/BRL-CAD/387112738872">
<img src="img/facebook.png" alt="ICON">
</a>
</li>
<li>
<a target="blank" href="https://twitter.com/brl_cad"><img src="img/twitter.png" alt="ICON"></a>
<a target="blank" href="https://twitter.com/brl_cad">
<img src="img/twitter.png" alt="ICON">
</a>
</li>
<li>
<a target="blank" href="https://plus.google.com/s/brl%20-%20cad"><img src="img/google.png" alt="ICON"></a>
<a target="blank" href="https://plus.google.com/s/brl%20-%20cad">
<img src="img/google.png" alt="ICON">
</a>
</li>
<li>
<a target="blank" href="https://www.linkedin.com/in/brlcad"><img src="img/linkedin.png" alt="ICON"></a>
<a target="blank" href="https://www.linkedin.com/in/brlcad">
<img src="img/linkedin.png" alt="ICON">
</a>
</li>
<li>
<a target="blank" href="https://www.youtube.com/results?search_query=brl+-+cad"><img src="img/youtube.png" alt="ICON"></a>
<a target="blank" href="https://www.youtube.com/results?search_query=brl+-+cad">
<img src="img/youtube.png" alt="ICON">
</a>
</li>
</ul>
<h2>Subscribe to Mailing List</h2>
<form action="https://lists.sourceforge.net/lists/subscribe/brlcad-news" id="mail-subscribe">
<label class="message-mail">Succesfuly subscribed to mailing list.</label>
<input type="email" class="input-mail" name="email" placeholder="Your e-mail" required/>
<input type="submit" class="submit-mail" value="Subscribe"/>
<label class="message-mail">Succesfuly subscribed to mailing list.</label>
<input type="email" class="input-mail" name="email" placeholder="Your e-mail" required/>
<input type="submit" class="submit-mail" value="Subscribe" />
</form>
</div>
<div class="footer">
Expand Down Expand Up @@ -320,4 +348,4 @@ <h2>Subscribe to Mailing List</h2>
<script type="text/javascript" src="js/tessellactation.js"></script>
</body>

</html>
</html>
Loading