Skip to content

Hero Tour index - styling changes #4

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

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
Open
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
58 changes: 29 additions & 29 deletions src/unversioned/get-started/as-dev/index.html
Original file line number Diff line number Diff line change
@@ -1,63 +1,63 @@
</div></div>
<div class="row no-border no-padding-bottom">
<div class="twelve-col">
<div class="twelve-col equal-height">
<div class="twelve-col">
<div class="two-col">
<h4>I want to run</h4>
</div>

<div class="ten-col last-col"><select name="version"><option value="16-04">Latest Ubuntu Core (16.04)</option></select></div>

<div class="ten-col last-col"><select name="version"><option value="16-04">Latest Ubuntu Core (16.04)</option></select></div></div>
<div class="twelve-col">
<div class="two-col">
<h4>I am using:</h4>
<h4>I am using</h4>
</div>

<div class="two-col"><label><input checked="checked" name="host" type="radio" value="ubuntu" /> Ubuntu</label></div>

<div class="two-col"><label><input name="host" type="radio" value="macos" /> Mac OS</label></div>

<div class="two-col"><label><input name="host" type="radio" value="windows" /> Windows</label></div>
</div>
<div class="two-col last-col"><label><input name="host" type="radio" value="windows" /> Windows</label></div>


</div>
<div class="twelve-col">
<h4>Ubuntu Core is supported on a wide variety on platform. We advise you to start with one of the following to get immediately the zen of the Ubuntu Core snappy experience!</h4>
<h4>My platform is</h4>
</div>
<div class="twelve-col box box-highlight">
<p>Ubuntu Core is supported on a wide variety of platforms. We advise you to start with one of the following to get immediately into the zen of the Ubuntu Core snappy experience!</p>
</div>

<div class="twelve-col equal-height">
<div class="three-col box"><label><input checked="checked" name="target" type="radio" value="rpi2" /> Raspberry Pi 2 (armhf)<br />
<img src="https://raw.githubusercontent.com/ubuntu-core/snappy-dev-website/master/src/img/devices/raspberry-pi.png" /> </label></div>
<div class="twelve-col">
<div class="twelve-col box"><label><div class="three-col no-margin-bottom" style="line-height:62px;"><input checked="checked" name="target" type="radio" value="rpi2" /> Raspberry Pi 2 (armhf)</div><div class="right three-col last-col no-margin-bottom">
<img src="http://i.imgur.com/MtSazih.png" /></div></label></div>

<div class="three-col box"><label><input name="target" type="radio" value="intel-nuc" /> Intel NUC&trade; (amd64)<br />
<img src="https://raw.githubusercontent.com/ubuntu-core/snappy-dev-website/master/src/img/devices/Thin_Canyon_NUC_Front_Angle_Board.png" /> </label></div>
<div class="twelve-col last-col box"><label><div class="three-col no-margin-bottom" style="line-height:62px;"><input name="target" type="radio" value="intel-nuc" /> Intel NUC&trade; (amd64)</div><div class="right three-col right last-col no-margin-bottom">
<img src="http://i.imgur.com/wB6bD81.png" /></div></label></div>

<div class="three-col box"><label><input name="target" type="radio" value="artik" /> Artik 5/Artik 10 (armhf)<br />
<img src="http://i.imgur.com/YY4NxB2.jpg" /> </label></div>
<div class="twelve-col last-col box"><label><div class="three-col no-margin-bottom" style="line-height:62px;"><input name="target" type="radio" value="artik" /> Artik 5/Artik 10 (armhf)</div><div class="right three-col last-col no-margin-bottom">
<img src="http://i.imgur.com/tZ619Fm.png" /></div></label></div>

<div class="three-col box last-col"><label><input name="target" type="radio" value="dragonboard" /> DragonBoard (arm64)<br />
<img src="https://github.com/ubuntu-core/snappy-dev-website/master/src/img/devices/dragonboard.png" /> </label></div>
<div class="twelve-col last-col box"><label><div class="three-col no-margin-bottom" style="line-height:62px;"><input name="target" type="radio" value="dragonboard" /> DragonBoard (arm64)</div><div class="right three-col last-col no-margin-bottom">
<img src="..." /></div></label></div>
</div>

<div class="twelve-col">
<h4>We are also available on:</h4>
<p>We are also available on:</p>
</div>

<div class="twelve-col equal-height">
<div class="four-col box"><label><input name="target" type="radio" value="kvm" /> KVM (virtual machine)<br />
<img src="https://github.com/ubuntu-core/snappy-dev-website/master/src/img/devices/kvm.png" /> </label></div>
<div class="four-col box"><label><input name="target" type="radio" value="kvm" /> KVM (virtual machine)</label></div>

<div class="four-col box"><label><input name="target" type="radio" value="x86-device" /> Bare metal x86 devices<br />
<img src="http://github.com/ubuntu-core/snappy-dev-website/master/src/img/devices/baremetal.png" /> </label></div>
<div class="four-col box"><label><input name="target" type="radio" value="x86-device" /> Bare metal x86 devices</label></div>

<div class="four-col box last-col"><label><input name="target" type="radio" value="beaglebone" /> BeagleBone<br />
<img src="https://github.com/ubuntu-core/snappy-dev-website/master/src/img/devices/beaglebone.png" style="max-width: 50%" /> </label></div>
<div class="four-col box last-col"><label><input name="target" type="radio" value="beaglebone" /> BeagleBone</label></div>

<div class="four-col box"><label><input name="target" type="radio" value="azure" /> Microsoft Azure cloud<br />
<img src="https://github.com/ubuntu-core/snappy-dev-website/master/src/img/devices/azure.png" /> </label></div>
<div class="four-col box"><label><input name="target" type="radio" value="azure" /> Microsoft Azure cloud</label></div>

<div class="four-col box"><label><input name="target" type="radio" value="gce" /> Google Cloud Engine<br />
<img src="https://github.com/ubuntu-core/snappy-dev-website/master/src/img/devices/gce.png" /> </label></div>
<div class="four-col box"><label><input name="target" type="radio" value="gce" /> Google Cloud Engine</label></div>

<div class="four-col box last-col"><label><input name="target" type="radio" value="ec2" /> Amazon Elastic Compute Cloud<br />
<img src="https://github.com/ubuntu-core/snappy-dev-website/master/src/img/devices/ec2.png" /> </label></div>
<div class="four-col box last-col"><label><input name="target" type="radio" value="ec2" /> Amazon Elastic Compute Cloud</label></div>
</div>
</div>
</div>