Skip to content
Open
Show file tree
Hide file tree
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
31 changes: 22 additions & 9 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -19,10 +19,10 @@ <h2>Web Devloper</h2>
<div class="nav">
<ul>

<li><a href="#">Home</a></li>
<li><a href="#">About me</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact us</a></li>
<li><button type="button" class="btn btn-info">Home</button></li>
<li><button type="button" class="btn btn-info">Blog</button></li>
<li><button type="button" class="btn btn-info">Contact us </button></li>
<li><button type="button" class="btn btn-info">My work</button></li>
</ul>
</div>

Expand All @@ -33,20 +33,20 @@ <h2>Web Devloper</h2>

<div class="banner" style="background-image: linear-gradient(-225deg, rgba(0,101,168,0.6) 0%, rgba(0,36,61,0.6) 50%), url('images/bg1.jpg');">
<div class="banner-content">
<h1>Some Stuff</h1>
<p>Very cool stuff, useful and smart</p>
<h1>< / ></h1>
<p>Coding Changes Your Life</p>

</div>

</div>

<!--This is a comment. Comments are not displayed in the browser
<div class="mainMid">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="card">
<h2>Fast</h2>
<p>A fast app, <strong>very fast</strong> app</p>
<img src="images/briefcase.png" alt="picture description">
<img src="images/coding.png" alt="picture description">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
Expand All @@ -67,16 +67,29 @@ <h2>Awesome</h2>
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="card">
<h2>Beautiful</h2>
<p>A beautiful app, <strong>very beautiful</strong> app</p>
<p>A beautiful app, <strong>beautiful</strong> app</p>
<img src="images/laptop.png" alt="picture description">
</div>
</div>
</div>
</div>

-->

<p class="prog"><strong>Hello,</strong> <br>
I am Fahad Al-kubaisi, and I can help you start your business, build your product, get your first customers and grow a technical team. As a non-technical founder, you struggle with translating your vision into working software. I can be your <em>interim CTO</em>.<br>

On the product side, I will work with you using Lean Startup methodologies to reach the product/market fit. On the engineering side, I will layout the system architecture and get you on the right track with appropriate technology choices.<br>

Depending on where you are, I can implement agile (Scrum) and best practices (TDD, Continous Integration) in your existing team or contractors. This is very important especially if you are feeling lost, not knowing who's doing what, and when features will be released.<br>

My tool belt: Ruby on Rails, Pivotal Tracker, a Macbook Pro, Sublime and a lot of command line.

Interested? Here's my resume, and contact me.</p><br>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
</blockquote>


</div>
Expand Down
9 changes: 7 additions & 2 deletions style.css
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ font-family: 'Roboto Slab', serif;

}
.container {
width: 882px;
max-width: 882px;
background-color: white;
border-right: 10px solid #FF895D;
border-left: 10px solid #FF895D;
Expand Down Expand Up @@ -70,7 +70,7 @@ text-decoration: none;

.nav li {
display: inline-block;
margin: 0 5px 0 5px;
=
}

.nav li a {
Expand All @@ -97,6 +97,11 @@ padding: 0px;
margin: 10px;
font-family: 'Roboto Slab', serif;
}
.main .prog {
margin-top: 20px;
font-weight: lighter;

}

.banner {
color: white;
Expand Down