Skip to content
Browse files

Submitted my CTA and worked on the HTML coding for index.html and the…

… CSS to accommodate the CTA.
  • Loading branch information...
1 parent be2a8ab commit a137ba1c7c6794d66fdec8190927c365c285e895 @jonellcolon committed May 3, 2012
Showing with 37 additions and 25 deletions.
  1. BIN MIU/Week 1/images/calltoaction.png
  2. +27 −19 MIU/Week 1/index.html
  3. +10 −6 MIU/Week 1/styles.css
View
BIN MIU/Week 1/images/calltoaction.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
46 MIU/Week 1/index.html
@@ -4,8 +4,7 @@
<!-- Project 2 VFW -->
<!-- Term 1204 -->
-<html>
- <head>
+<html><head>
<meta charset="UTF-8">
<meta name="keywords" content="Auto, Parts, Car, Autoparts"/>
@@ -15,37 +14,46 @@
<meta name="HandheldFriendly" content="True"/>
<link rel="stylesheet" href="styles.css" />
<title>MECPART HELP</title>
+
</head>
<body>
<header>
<h1>MECPART HELP</h1>
</header>
<center>
+ <img src="images/calltoaction.png" onclick="location.href='additem.html'" alt="CTA" height="200" align="middle"/><br />
- <img src="images/calltoaction.png" align="absmiddle" onClick="location.href='additem.html'" alt="CTA"/><br />
+ <input type="text" name="search" size="30" value="">
+ <input type="button" value="Search"><br />
- <input type="text" name="search" size="25"placeholder="Start Browsing" /><input type="button" name="sbutton" size="2" value="Search" /><br />
- </center>
-
- <article>
-
- <p>With <strong>MECPART HELP</strong> you can prepare for your car repair needs. This app is intended for all, from the professional mechanic to the hard working customer.</p>
-
- </article>
- <center>
- <p>
+ <fieldset>
+ <legend>Car Section:</legend>
+ <ul>
+ <li><a href="additem.html" label for="engine">Engine</a></li>
- <!--<a href="additem.html"><strong>Add Car Part</strong></a>-->
- <input type="button" onclick="location.href='additem.html'" value="Add Car Part"><br />
+ <li><a href="additem.html" label for="cabin">Cabin</a></li>
+
+ <li><a href="additem.html" label for="wheels">Wheels</a></li>
+
+ <li><a href="additem.html" label for="exhaust">Exhaust</a></li>
+
+ <li><a href="additem.html" label for="trunk">Trunk</a></li>
+
+ <li><a href="additem.html" label for="body">Body<br /></a></li>
+
+ </ul>
+ </fieldset>
- </p>
+ <!--<a href="additem.html"><strong>Add Car Part</strong></a>-->
+ <!--<input type="button" onclick="location.href='additem.html'" value="Add Car Part"><br />-->
+
<small>2012. Three Diamonds Design.</small>
- </center>
-
+
+ </center>
- </body>
+</body>
</html>
View
16 MIU/Week 1/styles.css
@@ -3,7 +3,7 @@
h1{
position: relative;
margin: 10px 10px 10px 10px;
- /*padding: 23px 10px 0px 10px;*/
+ /*padding: 8px 10px 0px 10px;*/
font-family: Helvetica;
color: #2a2a2a;
text-shadow: 1px 1px 1px #dfdfdf;
@@ -39,6 +39,7 @@ span{
font-weight: bold;
}
fieldset{
+ margin: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
@@ -67,7 +68,7 @@ input[type="submit"]{
li{
line-height: 20px;
}
-input[value="Add Car Part"]{
+input[type="submit"]{
margin: 8px;
font-size: 18px;
font-weight: bold;
@@ -81,9 +82,12 @@ input[value="Add Car Part"]{
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
}
-input[name="search"]{
- margin: 25px;
-}
img{
- margin: -10px;
+ margin: -12px -25px 15px -30px;
+ padding: -15px 25px -5px -10px;
+}
+input[type="search"]{
+ margin: 8px;
+ padding: 10px;
}
+

0 comments on commit a137ba1

Please sign in to comment.
Something went wrong with that request. Please try again.