Permalink
Browse files

New changes from Sai

  • Loading branch information...
1 parent b4a6d0b commit bb52b8b2a0cfe80d9d15b97575e8ce92bbd4ce32 @becomingGuru committed Apr 15, 2010
View
@@ -5,6 +5,26 @@
<title>AGILIQ SOLUTIONS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/styles.css" rel="stylesheet" type="text/css">
+<link href="css/contact.css" rel="stylesheet" type="text/css">
+<!--jCarousel core stylesheet-->
+<link rel="stylesheet" type="text/css" href="css/jquery.jcarousel.css" />
+<!--jCarousel skin stylesheet-->
+<link rel="stylesheet" type="text/css" href="css/skin.css" />
+<!-- jQuery library-->
+<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
+<!-- jCarousel library -->
+<script type="text/javascript" src="js/jquery.jcarousel.pack.js"></script>
+<!-- jCarousel library -->
+<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
+<script type="text/javascript">
+
+jQuery(document).ready(function() {
+ jQuery('#mycarousel').jcarousel({
+ scroll: 1
+ });
+});
+
+</script>
</head>
<body class="contactbg">
<!--MAIN CONTAINER STARTS HERE-->
@@ -19,18 +39,16 @@
<li id="nav-example-03"> <a href="whatwedo.html"><span>What we do</span></a> </li>
<li id="nav-example-04"> <a href="ourwork.html" ><span>Our work</span></a> </li>
<li id="nav-example-05"> <a href="contactus.html" class="contactus"><span>Contact us</span></a> </li>
- <li id="nav-example-06" ><a href="#" target="_blank"><span>Blog</span></a></li>
+ <li id="nav-example-06" ><a href="http://uswaretech.com/blog/" target="_blank"><span>Blog</span></a></li>
</ul>
</div>
</div>
<!--HEADER ENDS HERE-->
<!--BANNER STARTS HERE-->
<div id="banner">
<div id="title">
- <h1><span class="black">We Love to hear
- </span><br/>
-mail us at
-<a href="mailto:hello@agiliqsolutions.com" class="mailink">hello@agiliqsolutions.com</a></h1>
+ <h1><span class="black">We Love to hear </span><br/>
+ mail us at <br/></h1><a href="mailto:hello@agiliq.com" class="mailink">hello@agiliq.com</a>
</div>
<div id="contactgraphic"></div>
</div>
@@ -40,39 +58,75 @@
<!--LEFT PANEL STARTS HERE-->
<div id="leftpanel">
<div id="pagecontent"><span class="purpletitle">get in touch</span>
- <div>
- <div class="address"><br/><span class="purpletext">Email :</span> <a href="mailto:hello@agiliqsolutions.com">hello@agiliqsolutions.com</a><br/><br/>
- <span class="purpletext">Speak to us :</span><br/>
-India: +91- 99499 97612<br/><br/>
-<span class="purpletext">Address :</span><br/>
-Agiliq Solutions, <br/>
-# 1-46, Kumhar Basti, Madhapur, <br/>
-Hyderabad 500081.India
-
-</div>
- <div class="map"><img src="images/map.gif" width="300" height="188" alt="Map"></div>
- </div>
- <div class="clear"></div>
- <fieldset><legend class="purpletitle">Say Hello !</legend>
- Your Name :<br/>
- <input type="text" name="textfield" id="textfield" class="formstyle"><br/>
- Phone (optional) :<br/>
- <input type="text" name="textfield" id="textfield" class="formstyle"><br/>
-
- Email :<br/>
- <input type="text" name="textfield" id="textfield" class="formstyle"><br/>
-
- Company (optional) :<br/>
- <input type="text" name="textfield" id="textfield" class="formstyle"><br/>
- Message :<br/>
- <textarea name="textarea" cols="45" rows="5" class="formstyletextarea" id="textarea"></textarea>
- <br/>
- <input name="button" type="submit" class="submitbutton" id="button" value="Submit">
- </fieldset>
-
+ <div>
+ <div class="address"><br/>
+ <span class="purpletext">Email :</span> <a href="mailto:hello@agiliqsolutions.com" class="blacklink">hello@agiliqsolutions.com</a><br/>
+ <br/>
+ <span class="purpletext">Speak to us :</span><br/>
+ India: +91- 99499 97612<br/>
+ <br/>
+ <span class="purpletext">Address :</span><br/>
+ Agiliq Solutions, <br/>
+ # 1-46, Kumhar Basti, Madhapur, <br/>
+ Hyderabad 500081.India </div>
+ <div class="map"><img src="images/map.gif" width="300" height="188" alt="Map"></div>
+ </div>
+ <div class="clear"></div>
+ <fieldset>
+ <legend class="purpletitle">Say Hello !</legend>
+ Your Name :<br/>
+ <input type="text" name="textfield" id="textfield" class="formstyle">
+ <br/>
+ Phone (optional) :<br/>
+ <input type="text" name="textfield" id="textfield" class="formstyle">
+ <br/>
+ Email :<br/>
+ <input type="text" name="textfield" id="textfield" class="formstyle">
+ <br/>
+ Company (optional) :<br/>
+ <input type="text" name="textfield" id="textfield" class="formstyle">
+ <br/>
+ Message :<br/>
+ <textarea name="textarea" cols="45" rows="5" class="formstyletextarea" id="textarea"></textarea>
+ <br/>
+ <input name="button" type="submit" class="submitbutton" id="button" value="Submit">
+ </fieldset>
</div>
<div id="testimonials"><span class="purpletitle">testimonials</span>
- <p>Collaborating with Usware Technologies enabled us to build a scalable, effective app and thanks to their good advice we managed to avoid some pitfalls that could have cost valuable hours later in the development process. Colby Palmer, Illusion Factory</p>
+ <ul id="mycarousel" class="jcarousel-skin-tango">
+ <li>
+ <div class="blockquote">
+ <p>Collaborating with Usware Technologies enabled us to build a scalable, effective app and thanks to their good advice we managed to avoid some pitfalls that could have cost valuable hours later in the development process.</p>
+ <p class="right"><span class="clientname">Colby Palmer</span> - <span class="companyname">Illusion Factory</span></p>
+ </div>
+ </li>
+ <li>
+ <div class="blockquote">
+ <p>We contracted Shabda to help us out with a very large project. The quality and timeliness of work was of a high priority for us and Shabda was able to deliver on both. We found him very efficient and was able to complete any work we sent through his way, no matter how complex or difficult. If you want quality work delivered on time then Shabda is your man!</p>
+ <p class="right"><span class="clientname">Steven Mallows</span> - <span class="companyname">Additional View</span></p>
+ </div>
+ </li>
+ <li>
+ <div class="blockquote">
+ <p>Shabda has been a reliable provider for Django programming since our first project with this language. I would recommend UsWareTech for any size project; Shabda has assembled a team unlike any other in the industry.</p>
+ <p class="right"><span class="clientname">Lane Campbell</span> - <span class="companyname">ZipZap</span></p>
+ </div>
+ </li>
+ <li>
+ <div class="blockquote">
+ <p>We approached Uswaretech to work with us on a complicated project in a time when we were under real pressure.
+
+ I was and am impressed with Shabda's dedication to delivering great work. We're very appreciative of all the creative solutions to complicated problems. It's very rare to find a partner like Uswartech, but I'm glad we did.</p>
+ <p class="right"><span class="clientname">Johnny Kane</span> - <span class="companyname">Cubedroute</span></p>
+ </div>
+ </li>
+ <li>
+ <div class="blockquote">
+ <p>Shabda is a rare breed of developer that can handle both the nitty-gritty technical work and communicate details in a manner the is easy for non-technical types to understand. His development work is fast without cutting corners like commenting and testing. I highly recommend his work.</p>
+ <p class="right"><span class="clientname">Peter Baumgartner</span> - <span class="companyname">Lincoln Loop</span></p>
+ </div>
+ </li>
+ </ul>
</div>
</div>
<!--LEFT PANEL ENDS HERE-->
@@ -83,22 +137,22 @@
<div><span class="yellowtitle">hire us </span><img src="images/hireus_icon.png" alt="Hire us"></div>
<p>We're currently open for new projects starting in May 2010.
If you would like to schedule work for next year, please get in touch...</p>
- <div class="hiresus_but"><a href="#"><img src="images/hireus_but.png" width="111" height="34" alt="Hire Us"></a></div>
- <div class="clear"></div>
+ <div class="hiresus_but"><a href="mailto:hello@agiliq.com"><img src="images/hireus_but.png" width="111" height="34" alt="Hire Us"></a></div>
+ <div class="clear"></div>
</div>
<!--HIRE BLOCK ENDS HERE-->
<!--AGILIQ BLOG BLOCK STARTS HERE-->
<div id="blogblock">
<div><span class="greentitle">agiliq blog</span><img src="images/blog_icon.png" alt="Agiliq Blog" width="40" height="43"></div>
- <p>Still listed in the Irish Time <br/>
- <a href="#" class="blogpostlink">http://www.irishtimes.com/tech50/</a> <br/>
+ <p>CSS Framework - A framework is a basic conceptual structure which you can use as a... <br/>
+ <a href="http://uswaretech.com/blog/" target="_blank" class="blogpostlink">More information > </a> <br/>
<span class="postdate"> 2 days ago</span></p>
</div>
<!--AGILIQ BLOG BLOCK ENDS HERE-->
<!--TWITTER FEED BLOCK STARTS HERE-->
<div id="twitterblock">
<div><span class="bluetitle">Twiter Feed</span><img src="images/tweet_icon.png" alt="Twitter Feed" width="40" height="26"></div>
- <p>Still listed in the Irish Time top <a href="#" class="tweetslink">http://www.irishtimes.com/tech50/</a> <br/>
+ <p>Still listed in the Irish Time top<br/> <a href="http://twitter.com/uswaretech" target="_blank" class="tweetslink">Follow us</a> <br/>
<span class="tweetdate"> 2 days ago</span></p>
</div>
<!--TWITTER FEED BLOCK ENDS HERE-->
View
@@ -0,0 +1,4 @@
+@charset "utf-8";
+/* CSS Document */
+
+body.contactbg { background:url(../images/contact_bg.gif) repeat-x; font:14px Arial, Helvetica, sans-serif; font:13px Helvetica, Arial, sans-serif;}
View
@@ -0,0 +1,4 @@
+@charset "utf-8";
+/* CSS Document */
+
+body.home { background:url(../images/home_bg.jpg) repeat-x; font:14px Arial, Helvetica, sans-serif; }
View
@@ -0,0 +1,17 @@
+/**
+ * This <div> element is wrapped by jCarousel around the list
+ * and has the classname "jcarousel-container".
+ ---------------------------------------------------*/
+.jcarousel-container {position: relative;}
+.jcarousel-clip {z-index: 2;padding: 0; margin: 0;overflow: hidden;position: relative;}
+.jcarousel-list {z-index: 1;overflow: hidden;position: relative; top: 0; left: 0; margin: 0; padding: 0;}
+.jcarousel-list li,
+.jcarousel-item {float: left;list-style: none;width: 500px; height:150px;}
+
+/**
+ * The buttons are added dynamically by jCarousel before
+ * the <ul> list (inside the <div> described above) and
+ * have the classnames "jcarousel-next" and "jcarousel-prev".
+---------------------------------------------------*/
+.jcarousel-next {z-index: 3;display: none;}
+.jcarousel-prev {z-index: 3;display: none;}
View
@@ -0,0 +1,4 @@
+@charset "utf-8";
+/* CSS Document */
+
+body.ourwork { background:url(../images/ourwork_bg.gif) repeat-x; font:14px Arial, Helvetica, sans-serif; }
View
@@ -0,0 +1,26 @@
+@charset "utf-8";
+/* CSS Document
+---------------------------------------------------*/
+
+.jcarousel-skin-tango .jcarousel-container { background: #FFFFFF;}
+.jcarousel-skin-tango .jcarousel-container-horizontal { width: 540px; padding: 20px 30px;}
+.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 520px;}
+.jcarousel-skin-tango .jcarousel-item { width: 500px; }
+.jcarousel-skin-tango .jcarousel-item-horizontal { margin: 0px 20px 0px 20px;}
+.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000;}
+
+/** Horizontal Buttons
+---------------------------------------------------*/
+.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 43px; right: 5px; width: 32px; height: 32px;cursor: pointer; background: url(../images/jcarousel_next.png) no-repeat 0 0;}
+.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -32px 0;}
+.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0;}
+.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
+.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
+.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0;}
+.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute;top: 43px;left: 5px;width: 32px;height: 32px;cursor: pointer;background: url(../images/jcarousel_prev.png) no-repeat 0 0;}
+.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: -32px 0;}
+.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: -64px 0;}
+.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
+.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
+.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default;background-position: -96px 0;}
+
View
@@ -32,17 +32,12 @@ q:before, q:after {
content: none;
}
html { height:101%;}
-body.home { background:url(../images/home_bg.jpg) repeat-x; font:14px Arial, Helvetica, sans-serif; }
-body.whoweare { background:url(../images/whoweare_bg.gif) repeat-x; font:14px Arial, Helvetica, sans-serif; }
-body.whatwedo { background:url(../images/whatwedo_bg.gif) repeat-x; font:14px Arial, Helvetica, sans-serif; }
-body.ourwork { background:url(../images/ourwork_bg.gif) repeat-x; font:14px Arial, Helvetica, sans-serif; }
-body.contactbg { background:url(../images/contact_bg.gif) repeat-x; font:14px Arial, Helvetica, sans-serif; font:13px Helvetica, Arial, sans-serif;}
h1{font:bold 36px Helvetica, Arial, sans-serif; color:#FFFFFF; text-decoration:none; line-height:48px; text-transform:uppercase; vertical-align:middle; letter-spacing:-2px;}
-.mailink{font:bold 36px Helvetica, Arial, sans-serif; color:#FFFFFF; text-decoration:none; line-height:48px; text-transform:uppercase; vertical-align:middle; letter-spacing:-2px;}
-.mailink:hover{font:bold 36px Helvetica, Arial, sans-serif; color:#000; text-decoration:none; line-height:48px; text-transform:uppercase; vertical-align:middle; letter-spacing:-2px;}
+.mailink{font:bold 36px Helvetica, Arial, sans-serif; color:#FFFFFF; text-decoration:none; line-height:48px; vertical-align:middle; letter-spacing:-2px;}
+.mailink:hover{font:bold 36px Helvetica, Arial, sans-serif; color:#FC0; text-decoration:none; line-height:48px; vertical-align:middle; letter-spacing:-2px;}
h1 .black{color:#000000;}
@@ -90,6 +85,8 @@ fieldset{border:1px solid #DCDCDC; padding:20px;}
.redlink{font:12px Arial, Helvetica, sans-serif; color:#A1001B; line-height:16px; text-decoration:underline;}
.redlink:hover{font:12px Arial, Helvetica, sans-serif; color:#000; line-height:16px; text-decoration:underline;}
+.blacklink{font:12px Arial, Helvetica, sans-serif; color:#000; line-height:16px; text-decoration:none;}
+.blacklink:hover{font:12px Arial, Helvetica, sans-serif; color:#000; line-height:16px; text-decoration:underline;}
#maincontainer{width:960px; margin:0px auto; }
@@ -133,7 +130,7 @@ fieldset{border:1px solid #DCDCDC; padding:20px;}
#banner #contactgraphic{width:340px; height:318px; float:left; background:url(../images/contact_graphic.png) no-repeat; background-position:bottom right;}
#bodycontent{width:960px; margin:0px auto; margin-top:20px; }
-#bodycontent #leftpanel{width:640px; float:left; margin-right:20px; clear:both; }
+#bodycontent #leftpanel{width:640px; float:left; margin-right:20px; clear:both; border-top:8px solid #eea235;}
#bodycontent #rightpanel{width:300px; float:right; }
#hireblock{background-color:#F1F1F1; border-top:8px solid #eea235; border-bottom:1px solid #dadada; padding:10px 20px 10px 20px; margin:0 0 10px 0px;}
#hireblock img{ float:right;}
@@ -144,8 +141,8 @@ fieldset{border:1px solid #DCDCDC; padding:20px;}
#twitterblock{background-color:#F1F1F1; border-top:8px solid #00adef; border-bottom:1px solid #dadada; padding:10px 20px 10px 20px; margin:0 0 10px 0px;}
#twitterblock img{ float:right;}
-#pagecontent{border:1px solid #d2d2d2; padding:20px; margin-bottom:10px;}
-#testimonials{border:1px solid #d2d2d2; padding:20px;}
+#pagecontent{ padding:12px 20px 20px 20px; margin-bottom:10px;}
+#testimonials{/*border:1px solid #d2d2d2;*/ padding:20px 20px 0px 20px;}
.profile {background-color:#F5F5F5; padding:20px; margin-bottom:10px; }
.profile .left{ width:140px; float:left; }
@@ -167,3 +164,7 @@ fieldset{border:1px solid #DCDCDC; padding:20px;}
.hr{height:1px; border-bottom:1px solid #DCDCDC;}
.clear{clear:both;}
+.blockquote { clear:both; margin:0px 0px 0px 0px; padding:3px; color:#2A2A2A; padding: 0 24px; background: url(../images/quote.gif) no-repeat 0 0;}
+.clientname{font:bold 12px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;font-style:italic;}
+.companyname{font:12px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; font-style:italic;}
+p.right{float:right; text-align:right;}
View
@@ -0,0 +1,4 @@
+@charset "utf-8";
+/* CSS Document */
+
+body.whatwedo { background:url(../images/whatwedo_bg.gif) repeat-x; font:14px Arial, Helvetica, sans-serif; }
View
@@ -0,0 +1,4 @@
+@charset "utf-8";
+/* CSS Document */
+
+body.whoweare { background:url(../images/whoweare_bg.gif) repeat-x; font:14px Arial, Helvetica, sans-serif; }
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.

0 comments on commit bb52b8b

Please sign in to comment.