<div class="blur"></div> <h1 class="page-title">Item Panel</h1> <div class="item-grid"> <div class="item item-isotope"> <h5>Plutonium</h5> <h2>Pu</h2> <div class="item-img"><img src="http://axtn.io/codepen/nms/plutonium.png"></div> </div> <div class="item item-isotope"> <h5>Thamium9</h5> <h2>Th</h2> <div class="item-img"><img src="http://axtn.io/codepen/nms/thamium9.png"></div> </div> <div class="item item-isotope"> <h5>Carbon</h5> <h2>C</h2> <div class="item-img"><img src="http://axtn.io/codepen/nms/carbon.png"></div> </div> <div class="item item-oxide"> <h5>Titanium</h5> <h2>Ti</h2> <div class="item-img"><img src="http://axtn.io/codepen/nms/titanium.png"></div> </div> <div class="item item-neutral"> <h5>Emeril</h5> <h2>Em</h2> <div class="item-img"><img src="http://axtn.io/codepen/nms/emeril.png"></div> </div> <div class="item item-silicate"> <h5>Platinum</h5> <h2>Pt</h2> <div class="item-img"><img src="http://axtn.io/codepen/nms/platinum.png"></div> </div> <div class="item item-precious"> <h5>Calium</h5> <h2>Ca</h2> <div class="item-img"><img src="http://axtn.io/codepen/nms/calium.png"></div> </div> <div class="item item-trade"> <h5>Gravitino Ball</h5> <div class="item-img"><img src="http://axtn.io/codepen/nms/gravitino.png"></div> </div> <div class="item item-tech"> <h5>Dynamic Resonator</h5> <div class="item-img"><img src="http://axtn.io/codepen/nms/Product.dynamicres.png"></div> </div> <div class="item empty"></div> <div class="item empty"></div> <div class="item empty"></div> </div> <!-- PANELS --> <div class="panel panel-tech dynamicresonator"> <div class="bar"> <img src="http://axtn.io/codepen/nms/Product.dynamicres.png"> <h1>Dynamic Resonator</h1> <h4>Technology component</h4> </div> <div class="description"> <p>Electromagnetic frequency oscillator.</p> <p>A device necessary in the construction of many of the technologies that aid in the exploration of the galaxy.</p> <div class="quantity"> <img src="http://axtn.io/codepen/nms/Product.dynamicres.png"> <h4>Dynamic Resonator</h4> <h5>Craft products in inventory slots</h5> <div class="inv-bar"> <h1>1 of 1</h1></div> </div> <div class="price"> <h4>Total Value <span>27,500 Units</span></h4> <p>(27,500.0 Units each)</p> <div class="u"> <div>U</div> <div>U</div> <div>U</div> <div>U</div> <div>U</div> </div> </div> <hr> </div> <div class="legend"> <div> <div>a</div> <h3>Discard</h3> <p>Destroy unwanted resources</p> </div> <div> <div>x</div> <h3>Transfer Items</h3> <p>Teleport elements carried in your exosuit inventory to your starship</p> </div> <div> <div>o</div> <h3>Move and Stack</h3> <p>Move and Stack Inventory Items</p> </div> </div> </div> <div class="panel panel-isotope plutonium"> <div class="bar"> <img src="http://axtn.io/codepen/nms/plutonium.png"> <h1>Plutonium</h1> <h4>Isotope Element - Rare</h4> </div> <div class="description"> <p>Extremely powerful element that can be used to charge weaponry, mining equipment and exosuit power packs.</p> <p>A vital ingredient in the creation of many advanced technologies, components and products.</p> <p>Found in red crystalline structures, and often within planetary cave networks.</p> <div class="quantity"> <img src="http://axtn.io/codepen/nms/plutonium.png"> <h4>Plutonium</h4> <h5>Gather elements</h5> <div class="inv-bar"> <h1>250 of 250</h1></div> </div> <div class="price"> <h4>Total Value <span>10,312 Units</span></h4> <p>(41.3 Units each)</p> <div class="u"> <div>U</div> <div>U</div> <div>U</div> <div>U</div> <div>U</div> </div> </div> <hr> </div> <div class="legend"> <div> <div>a</div> <h3>Discard</h3> <p>Destroy unwanted resources</p> </div> <div> <div>x</div> <h3>Transfer Items</h3> <p>Teleport elements carried in your exosuit inventory to your starship</p> </div> <div> <div>o</div> <h3>Move and Stack</h3> <p>Move and Stack Inventory Items</p> </div> </div> </div> <div class="panel panel-isotope thamium9"> <div class="bar"> <img src="http://axtn.io/codepen/nms/thamium9.png"> <h1>Thamium9</h1> <h4>Isotope Element - Uncommon</h4> </div> <div class="description"> <p>Powerful element used to charge mining equipment, weaponry and life support systems. Also used in the creation of products and experimental tech devices.</p> <p>Found in red flowering vegetation and planetary flora.</p> <div class="quantity"> <img src="http://axtn.io/codepen/nms/thamium9.png"> <h4>Thamium9</h4> <h5>Gather elements</h5> <div class="inv-bar"> <h1>250 of 250</h1></div> </div> <div class="price"> <h4>Total Value <span>5,150 Units</span></h4> <p>(20.6 Units each)</p> <div class="u"> <div>U</div> <div>U</div> <div>U</div> <div>U</div> <div>U</div> </div> </div> <hr> </div> <div class="legend"> <div> <div>a</div> <h3>Discard</h3> <p>Destroy unwanted resources</p> </div> <div> <div>x</div> <h3>Transfer Items</h3> <p>Teleport elements carried in your exosuit inventory to your starship</p> </div> <div> <div>o</div> <h3>Move and Stack</h3> <p>Move and Stack Inventory Items</p> </div> </div> </div> <div class="panel panel-isotope carbon"> <div class="bar"> <img src="http://axtn.io/codepen/nms/carbon.png"> <h1>Carbon</h1> <h4>Isotope Element - Common</h4> </div> <div class="description"> <p>Important and abundant element used to recharge weaponry, mining equipment and exosuit life support.</p> <p>Found in planetary trees, plants and other vegetation.</p> <div class="quantity"> <img src="http://axtn.io/codepen/nms/carbon.png"> <h4>Carbon</h4> <h5>Gather elements</h5> <div class="inv-bar"> <h1>250 of 250</h1></div> </div> <div class="price"> <h4>Total Value <span>1,725 Units</span></h4> <p>(6.9 Units each)</p> <div class="u"> <div>U</div> <div>U</div> <div>U</div> <div>U</div> <div>U</div> </div> </div> <hr> </div> <div class="legend"> <div> <div>a</div> <h3>Discard</h3> <p>Destroy unwanted resources</p> </div> <div> <div>x</div> <h3>Transfer Items</h3> <p>Teleport elements carried in your exosuit inventory to your starship</p> </div> <div> <div>o</div> <h3>Move and Stack</h3> <p>Move and Stack Inventory Items</p> </div> </div> </div> <div class="panel panel-oxide titanium"> <div class="bar"> <img src="http://axtn.io/codepen/nms/titanium.png"> <h1>Titanium</h1> <h4>Oxide Element - Rare</h4> </div> <div class="description"> <p>Extremely powerful oxide that can be used to recharge defensive technologies.</p> <p>A vital ingredient in the creation of many advanced devices, products, and components.</p> <p>Found in yellow crystal clusters during planetary exploration.</p> <div class="quantity"> <img src="http://axtn.io/codepen/nms/titanium.png"> <h4>Titanium</h4> <h5>Gather elements</h5> <div class="inv-bar"> <h1>250 of 250</h1></div> </div> <div class="price"> <h4>Total Value <span>15,475 Units</span></h4> <p>(61.9 Units each)</p> <div class="u"> <div>U</div> <div>U</div> <div>U</div> <div>U</div> <div>U</div> </div> </div> <hr> </div> <div class="legend"> <div> <div>a</div> <h3>Discard</h3> <p>Destroy unwanted resources</p> </div> <div> <div>x</div> <h3>Transfer Items</h3> <p>Teleport elements carried in your exosuit inventory to your starship</p> </div> <div> <div>o</div> <h3>Move and Stack</h3> <p>Move and Stack Inventory Items</p> </div> </div> </div> <div class="panel panel-neutral emeril"> <div class="bar"> <img src="http://axtn.io/codepen/nms/emeril.png"> <h1>Emeril</h1> <h4>Neutral Element - Rare</h4> </div> <div class="description"> <p>A silver-black metal that emits low levels of radiation.</p> <p>A highly sought after element that's used in the construction of planetary outposts.</p> <p>Can be combined with other elements to create valuable alloys if recipe is available.</p> <div class="quantity"> <img src="http://axtn.io/codepen/nms/emeril.png"> <h4>Emeril</h4> <h5>Gather Elements</h5> <div class="inv-bar"> <h1>250 of 250</h1></div> </div> <div class="price"> <h4>Total Value <span>68,750 Units</span></h4> <p>(275 Units each)</p> <div class="u"> <div>U</div> <div>U</div> <div>U</div> <div>U</div> <div>U</div> </div> </div> <hr> </div> <div class="legend"> <div> <div>a</div> <h3>Discard</h3> <p>Destroy unwanted resources</p> </div> <div> <div>x</div> <h3>Transfer Items</h3> <p>Teleport elements carried in your exosuit inventory to your starship</p> </div> <div> <div>o</div> <h3>Move and Stack</h3> <p>Move and Stack Inventory Items</p> </div> </div> </div> <div class="panel panel-silicate platinum"> <div class="bar"> <img src="http://axtn.io/codepen/nms/platinum.png"> <h1>Platinum</h1> <h4>Silicate Element - Uncommon</h4> </div> <div class="description"> <p>Powerful element used to create valuable ship and exosuit components. A vital ingredient in many technological blueprints.</p> <p>Found in blue vegetation during planetary exploration.</p> <div class="quantity"> <img src="http://axtn.io/codepen/nms/platinum.png"> <h4>Platinum</h4> <h5>Gather Elements</h5> <div class="inv-bar"> <h1>250 of 250</h1></div> </div> <div class="price"> <h4>Total Value <span>13,750 Units</span></h4> <p>(55 Units each)</p> <div class="u"> <div>U</div> <div>U</div> <div>U</div> <div>U</div> <div>U</div> </div> </div> <hr> </div> <div class="legend"> <div> <div>a</div> <h3>Discard</h3> <p>Destroy unwanted resources</p> </div> <div> <div>x</div> <h3>Transfer Items</h3> <p>Teleport elements carried in your exosuit inventory to your starship</p> </div> <div> <div>o</div> <h3>Move and Stack</h3> <p>Move and Stack Inventory Items</p> </div> </div> </div> <div class="panel panel-precious calium"> <div class="bar"> <img src="http://axtn.io/codepen/nms/calium.png"> <h1>Calium</h1> <h4>Precious Element - Very Rare</h4> </div> <div class="description"> <p>Rare substance found in many blob-like species throughout the Galaxy.</p> <div class="quantity"> <img src="http://axtn.io/codepen/nms/calium.png"> <h4>Calium</h4> <h5>Gather Elements</h5> <div class="inv-bar"> <h1>100 of 100</h1></div> </div> <div class="price"> <h4>Total Value <span>28,880 Units</span></h4> <p>(288.8 Units each)</p> <div class="u"> <div>U</div> <div>U</div> <div>U</div> <div>U</div> <div>U</div> </div> </div> <hr> </div> <div class="legend"> <div> <div>a</div> <h3>Discard</h3> <p>Destroy unwanted resources</p> </div> <div> <div>x</div> <h3>Transfer Items</h3> <p>Teleport elements carried in your exosuit inventory to your starship</p> </div> <div> <div>o</div> <h3>Move and Stack</h3> <p>Move and Stack Inventory Items</p> </div> </div> </div> <div class="panel panel-trade gravitinoball"> <div class="bar"> <img src="http://axtn.io/codepen/nms/gravitino.png"> <h1>Gravitino Ball</h1> <h4>Trade commodity</h4> </div> <div class="description"> <p>Supersymmetric particle cluster.</p> <p>Extremely rare and valuable. A product of divergent super-gravitational forces.</p> <div class="quantity"> <img src="http://axtn.io/codepen/nms/gravitino.png"> <h4>Gravitino Ball</h4> <h5>Craft products in inventory slots</h5> <div class="inv-bar"> <h1>100 of 100</h1></div> </div> <div class="price"> <h4>Total Value <span>2,750,000 Units</span></h4> <p>(27,500.0 Units each)</p> <div class="u"> <div>U</div> <div>U</div> <div>U</div> <div>U</div> <div>U</div> </div> </div> <hr> </div> <div class="legend"> <div> <div>a</div> <h3>Discard</h3> <p>Destroy unwanted resources</p> </div> <div> <div>x</div> <h3>Transfer Items</h3> <p>Teleport elements carried in your exosuit inventory to your starship</p> </div> <div> <div>o</div> <h3>Move and Stack</h3> <p>Move and Stack Inventory Items</p> </div> </div> </div> <a href="https://codepen.io/axtn" target="_blank"><img class="axtn" src="http://axtn.io/codepen/logo.png"></a>

!