added images and styles to the tech pages

electricgraffitti · May 31, 2011 · 76bfcf6 · 76bfcf6
1 parent 7bffc05
commit 76bfcf6
Show file tree

Hide file tree

Showing 22 changed files with 85 additions and 41 deletions.
diff --git a/app/views/home/css.html.erb b/app/views/home/css.html.erb
@@ -1,16 +1,17 @@
 <% content_for :banner do  %>
   <div class="banner_content">
-    <h2 class="banner_text header_white">
-    Cascading Style Sheets
-    </h2>
+    <h2 class="banner_text header_white">Cascading Style Sheets</h2>
   </div>
 <% end %>
 
 <div class="full_row top_hr bottom_hr">
-	<h4>Seamless Tableless Design Flow</h4>
-	<p>
-		Cascading Style Sheets or CSS is a styling language that gives the developer full control over a hypertext document and its design.  CSS gives a developer the freedom to design and elegantly style the web site project without the use of tables or restricted aspects that were previously used in in the design process.  We build all of our projects using this technique because it provides more flexibility and control in the <%= link_to "specification of presentation", "http://www.w3.org", :target => "_blank", :class => "about_us", :alt => "CSS Web Design" %> characteristics which enables the web application to be quite a bit lighter overall by reducing the repetition in the design structural content.  <%= link_to "Browse around some of our clients", clients_path, :class => "about_us", :alt => "Cube2Media CSS Web Design" %> to see some of our css workflow that creates the seamless designs we are known for.
-	</p>
+	<div class="tech_icon">
+		<%= image_tag("../images/tech_icons/css.png") %>
+		<h4>Seamless Tableless Design Flow</h4>
+		<p>
+			Cascading Style Sheets or CSS is a styling language that gives the developer full control over a hypertext document and its design.  CSS gives a developer the freedom to design and elegantly style the web site project without the use of tables or restricted aspects that were previously used in in the design process.  We build all of our projects using this technique because it provides more flexibility and control in the <%= link_to "specification of presentation", "http://www.w3.org", :target => "_blank", :class => "about_us", :alt => "CSS Web Design" %> characteristics which enables the web application to be quite a bit lighter overall by reducing the repetition in the design structural content.  <%= link_to "Browse around some of our clients", clients_path, :class => "about_us", :alt => "Cube2Media CSS Web Design" %> to see some of our css workflow that creates the seamless designs we are known for.
+		</p>
+	</div>
 </div>
 
 <% content_for :sub_boxes do  %>

diff --git a/app/views/home/domains.html.erb b/app/views/home/domains.html.erb
@@ -7,10 +7,13 @@
 <% end %>
 
 <div class="full_row top_hr bottom_hr">
-	<h4>What is in a domain name?  Everything.</h4>
-	<p>
-		Your domain name is your online branding and identity.  Like anything or anyone that is a representative of your business, your domain name is an important mark in completing the company branding and namespace association. It is important to make sure that you don't let your domain names expire or get lost.  When domains expire, they can wreak havoc and disrupt your daily business or even jeopardize the solidity of your business model.  Protecting your domain name helps prevent your companies online identity from being compromised.  We can transfer your domains into our control panel, where we keep them renewed and private is you choose.  <%= link_to "Contact Cube2Media", contact_us_path, :class => "about_us", :alt => "Cube2Media Domain Management Services" %> Today and let us help make your online presence a secure one.
-	</p>
+	<div class="tech_icon">
+		<%= image_tag("../images/tech_icons/domains.png") %>
+		<h4>What is in a domain name?  Everything.</h4>
+		<p>
+			Your domain name is your online branding and identity.  Like anything or anyone that is a representative of your business, your domain name is an important mark in completing the company branding and namespace association. It is important to make sure that you don't let your domain names expire or get lost.  When domains expire, they can wreak havoc and disrupt your daily business or even jeopardize the solidity of your business model.  Protecting your domain name helps prevent your companies online identity from being compromised.  We can transfer your domains into our control panel, where we keep them renewed and private is you choose.  <%= link_to "Contact Cube2Media", contact_us_path, :class => "about_us", :alt => "Cube2Media Domain Management Services" %> Today and let us help make your online presence a secure one.
+		</p>
+	</div>
 </div>
 
 <% content_for :sub_boxes do  %>

diff --git a/app/views/home/flash_animation.html.erb b/app/views/home/flash_animation.html.erb
@@ -7,10 +7,13 @@
 <% end %>
 
 <div class="full_row top_hr bottom_hr">
-	<h4>When Too Much Is Too Much</h4>
-	<p>
-		<%= link_to "Adobe Flash", "http://www.adobe.com", :target => "_blank", :class => "about_us", :alt => "Adobe Software Solutions" %> exploded on the scene in the web design world with the ability to manipulate vector and raster graphics to provide web animation.  While Flash surely has its place in the developer world, too much flash design can actually damper your web page usability.  Some users have the perception that these types of designs enrich their overall browsing experience, but the extensive use of flash design in a web site can easily become intrusive and distracting and can easily take away from a sites "call to action".  Small amounts of animation when used tastefully can be a good thing as long as a developer doesn't get carried away.  Keep your code SEO friendly for best results.  <%= link_to "Go check out some of our applications", clients_path, :class => "about_us", :alt => "Cube2Media Flash Design" %> to see how intricately it can be done.
-	</p>
+	<div class="tech_icon">
+		<%= image_tag("../images/tech_icons/flash.png") %>
+		<h4>When Too Much Is Too Much</h4>
+		<p>
+			<%= link_to "Adobe Flash", "http://www.adobe.com", :target => "_blank", :class => "about_us", :alt => "Adobe Software Solutions" %> exploded on the scene in the web design world with the ability to manipulate vector and raster graphics to provide web animation.  While Flash surely has its place in the developer world, too much flash design can actually damper your web page usability.  Some users have the perception that these types of designs enrich their overall browsing experience, but the extensive use of flash design in a web site can easily become intrusive and distracting and can easily take away from a sites "call to action".  Small amounts of animation when used tastefully can be a good thing as long as a developer doesn't get carried away.  Keep your code SEO friendly for best results.  <%= link_to "Go check out some of our applications", clients_path, :class => "about_us", :alt => "Cube2Media Flash Design" %> to see how intricately it can be done.
+		</p>
+	</div>
 </div>
 
 <% content_for :sub_boxes do  %>

diff --git a/app/views/home/hosting.html.erb b/app/views/home/hosting.html.erb
@@ -7,10 +7,13 @@
 <% end %>
 
 <div class="full_row top_hr bottom_hr">
-	<h4>Leave The Hosting To Us</h4>
-	<p>
-		So many great deals on hosting?  Not. A truly good deal on hosting space is one that is reliable and dependable.  The last thing your business needs is downtime due to unreliable hosting of your site.  When you choose Cube2Media for your hosting solution, we specialize in providing you with high performance and affordable Virtual Private Server Hosting.  Our hosting comes with nightly database backups. We offer a variety of VPS hosting plans to fit any budget or application.  We also have hosting plans available for static sites as well when you don't need to host dynamic framework applications. <%= link_to "Contact us today", project_contact_path, :class => "about_us", :alt => "Cube2Media Hosting Solutions" %> to discuss your web site or web application project.
-	</p>
+	<div class="tech_icon">
+		<%= image_tag("../images/tech_icons/hosting.png") %>
+		<h4>Leave The Hosting To Us</h4>
+		<p>
+			So many great deals on hosting?  Not. A truly good deal on hosting space is one that is reliable and dependable.  The last thing your business needs is downtime due to unreliable hosting of your site.  When you choose Cube2Media for your hosting solution, we specialize in providing you with high performance and affordable Virtual Private Server Hosting.  Our hosting comes with nightly database backups. We offer a variety of VPS hosting plans to fit any budget or application.  We also have hosting plans available for static sites as well when you don't need to host dynamic framework applications. <%= link_to "Contact us today", project_contact_path, :class => "about_us", :alt => "Cube2Media Hosting Solutions" %> to discuss your web site or web application project.
+		</p>
+	</div>
 </div>
 
 <% content_for :sub_boxes do  %>

diff --git a/app/views/home/hypertext.html.erb b/app/views/home/hypertext.html.erb
@@ -7,10 +7,13 @@
 <% end %>
 
 <div class="full_row top_hr bottom_hr">
-	<h4>The Base Of All Great Designs</h4>
-	<p>
-		HTML or HyperText Markup Language is the predominant markup language for web pages.  A markup language is a set of tags to describe the actual website.  HTML is written with the use of enclosing tags in brackets such as <html>.  Web browsers in turn interpret the language into visual and audible web pages that you view on the internet.  HTML also provides a way to structure document segments into Headings, Lists, Paragraphs and so forth.  The newest form of HTML is HTML5 which utilizes a rock-solid foundation using <%= link_to "HTML", hypertext_path, :class => "about_us", :alt => "Cube2Media HTML Foundation" %>, <%= link_to "CSS", css_path, :class => "about_us", :alt => "Cube2Media Seamless CSS Design" %> and <%= link_to "Javascript", javascript_path, :class => "about_us", :alt => "Cube2Media Javascript Development Processes" %> in conjunction to create a fast, robust, reliable and future proof web design format. <%= link_to "Take a look at some of our clients designs", clients_path, :class => "about_us", :alt => "Cube2Media Client Portfolio" %>.
-	</p>
+	<div class="tech_icon">
+		<%= image_tag("../images/tech_icons/html.png") %>
+		<h4>The Base Of All Great Designs</h4>
+		<p>
+			HTML or HyperText Markup Language is the predominant markup language for web pages.  A markup language is a set of tags to describe the actual website.  HTML is written with the use of enclosing tags in brackets such as <html>.  Web browsers in turn interpret the language into visual and audible web pages that you view on the internet.  HTML also provides a way to structure document segments into Headings, Lists, Paragraphs and so forth.  The newest form of HTML is HTML5 which utilizes a rock-solid foundation using <%= link_to "HTML", hypertext_path, :class => "about_us", :alt => "Cube2Media HTML Foundation" %>, <%= link_to "CSS", css_path, :class => "about_us", :alt => "Cube2Media Seamless CSS Design" %> and <%= link_to "Javascript", javascript_path, :class => "about_us", :alt => "Cube2Media Javascript Development Processes" %> in conjunction to create a fast, robust, reliable and future proof web design format. <%= link_to "Take a look at some of our clients designs", clients_path, :class => "about_us", :alt => "Cube2Media Client Portfolio" %>.
+		</p>
+	</html>
 </div>
 
 <% content_for :sub_boxes do  %>

diff --git a/app/views/home/javascript.html.erb b/app/views/home/javascript.html.erb
@@ -7,10 +7,13 @@
 <% end %>
 
 <div class="full_row top_hr bottom_hr">
-	<h4>The Cool Tool</h4>
-	<p>
-		<%= link_to "Javascript", "http://www.javascript.com/", :target => "_blank", :class => "about_us", :alt => "Javascript Resource" %> &#38; <%= link_to "Jquery", "http://jquery.com", :target => "_blank", :class => "about_us", :alt => "Jquery Write Less Do More" %> are prototype-based object-oriented scripting languages that are dynamic and have first-class functions.  <%= link_to "Javascript", "http://www.javascript.com/", :target => "_blank", :class => "about_us", :alt => "Javascript Resource" %> like <%= link_to "Flash", flash_animation_path, :class => "about_us", :alt => "Cube2Media Javascript in Development" %>, provides enhanced user interface for viewing content for web pages, but is less taxing and intrusive than <%= link_to "Flash", flash_animation_path, :class => "about_us", :alt => "Cube2Media Javascript in Development" %>. <%= link_to "Javascript", "http://www.javascript.com/", :target => "_blank", :class => "about_us", :alt => "Javascript Resource" %> &#38; <%= link_to "Jquery", "http://jquery.com", :target => "_blank", :class => "about_us", :alt => "Jquery Write Less Do More" %> uses syntax closely related to "C", and resembles many naming conventions of <%= link_to "'Java'", "http://www.java.com/en/", :target => "_blank", :class => "about_us", :alt => "Java In Action" %>, but that is the only similarity between them and javascript has very different characteristics. Javascript is becoming more popular amongst developers and programmers because it has the ability to to run locally in a users browser so the reactive response is much more robust. Its primary use in web applications is to produce functions that are included from <%= link_to "HTML", hypertext_path, :class => "about_us", :alt => "Cube2Media HTML in Development" %> pages that can interact with the Document Object Model and can provide site features such as validations on forms and animations throughout the site. <%= link_to "Go see some of our javascript implementations", clients_path, :class => "about_us", :alt => "Cube2Media Javascript In Design" %> we have used in some of our featured clients.
-	</p>
+	<div class="tech_icon">
+		<%= image_tag("../images/tech_icons/jq.png") %>
+		<h4>The Cool Tool</h4>
+		<p>
+			<%= link_to "Javascript", "http://www.javascript.com/", :target => "_blank", :class => "about_us", :alt => "Javascript Resource" %> &#38; <%= link_to "Jquery", "http://jquery.com", :target => "_blank", :class => "about_us", :alt => "Jquery Write Less Do More" %> are prototype-based object-oriented scripting languages that are dynamic and have first-class functions.  <%= link_to "Javascript", "http://www.javascript.com/", :target => "_blank", :class => "about_us", :alt => "Javascript Resource" %> like <%= link_to "Flash", flash_animation_path, :class => "about_us", :alt => "Cube2Media Javascript in Development" %>, provides enhanced user interface for viewing content for web pages, but is less taxing and intrusive than <%= link_to "Flash", flash_animation_path, :class => "about_us", :alt => "Cube2Media Javascript in Development" %>. <%= link_to "Javascript", "http://www.javascript.com/", :target => "_blank", :class => "about_us", :alt => "Javascript Resource" %> &#38; <%= link_to "Jquery", "http://jquery.com", :target => "_blank", :class => "about_us", :alt => "Jquery Write Less Do More" %> uses syntax closely related to "C", and resembles many naming conventions of <%= link_to "'Java'", "http://www.java.com/en/", :target => "_blank", :class => "about_us", :alt => "Java In Action" %>, but that is the only similarity between them and javascript has very different characteristics. Javascript is becoming more popular amongst developers and programmers because it has the ability to to run locally in a users browser so the reactive response is much more robust. Its primary use in web applications is to produce functions that are included from <%= link_to "HTML", hypertext_path, :class => "about_us", :alt => "Cube2Media HTML in Development" %> pages that can interact with the Document Object Model and can provide site features such as validations on forms and animations throughout the site. <%= link_to "Go see some of our javascript implementations", clients_path, :class => "about_us", :alt => "Cube2Media Javascript In Design" %> we have used in some of our featured clients.
+		</p>
+	</div>
 </div>
 
 <% content_for :sub_boxes do  %>

diff --git a/app/views/home/php.html.erb b/app/views/home/php.html.erb
@@ -1,16 +1,19 @@
 <% content_for :banner do  %>
   <div class="banner_content">
     <h2 class="banner_text header_white">
-    PHP - The Hypertext Preprocessor
+			PHP - The Hypertext Preprocessor
     </h2>
   </div>
 <% end %>
 
 <div class="full_row top_hr bottom_hr">
-	<h4>Just Another Framework?</h4>
+	<div class="tech_icon">
+		<%= image_tag("../images/tech_icons/php.png") %> 
+		<h4>Just Another Framework?</h4>
 	<p>
 		<%= link_to "PHP", "http://www.php.net", :target => "_blank", :class => "about_us", :alt => "PHP Web Development" %> is a widely-used scripting language for building framework based web sites and can be embedded right into your <%= link_to "HTML", hypertext_path, :class => "about_us", :alt => "PHP Development in Web Sites" %> to produce dynamic content.  The current version of <%= link_to "PHP", "http://www.php.net", :target => "_blank", :class => "about_us", :alt => "PHP Web Development" %> is Version 5, but a new major version of this language has been under development for several years and will be known as Version 6 once completed and will have many needed and sought after upgrades and changes. <%= link_to "PHP", "http://www.php.net", :target => "_blank", :class => "about_us", :alt => "PHP Web Development" %> has hundreds of base functions and thousands more of them with the use of extensions. <%= link_to "Wordpress", "http://www.wordpress.org", :target => "_blank", :class => "about_us", :alt => "Wordpress Web Development" %> has gained popularity over that past few years and uses <%= link_to "PHP", "http://www.php.net", :target => "_blank", :class => "about_us", :alt => "PHP Web Development" %> and its librarie as its base framework. Although <%= link_to "PHP", "http://www.php.net", :target => "_blank", :class => "about_us", :alt => "PHP Web Development" %> has been around a long time, it still shows signs of vulnerability when dealing with security issues, and when hosting an application careful attention must be taken to provide a secure project environment. 
 	</p>
+		</div>
 </div>
 
 <% content_for :sub_boxes do  %>