Skip to content

Commit

Permalink
Added pic and explanation text
Browse files Browse the repository at this point in the history
  • Loading branch information
@Shabirmean
Shabirmean committed Mar 5, 2018
1 parent 7eb5f82 commit 94f182b
Show file tree
Hide file tree
Showing 4 changed files with 225 additions and 2 deletions.
81 changes: 81 additions & 0 deletions css/style.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,81 @@
/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
margin-top:80px;
margin-bottom: 80px;
}
html {
position: relative;
min-height: 100%;
}

.footer {
position: absolute;
bottom: 0;
width: 100%;
height: 80px;
line-height: 80px; /* Vertically center the text there */
background-color: #f5f5f5;
}

/*-------------- Social Icons --------------*/


#social {
/* margin-left:710px; */
margin-right: 20px;
height:60px;
margin-top:20px;
}
#social a {
float: right;
display: block;
margin-left: 12px;
height: 45px;
}

.icon-uom {
background:url(images/logos/UoM_45.jpg) no-repeat;
height:45px;
width:36px;
}

.icon-cse {
background:url(images/logos/CSE_45.jpg) no-repeat;
height:45px;
width:68px;
}

.icon-rc {
background:url(images/logos/RC_45.png) no-repeat;
height:46px;
width:32px;
}

.icon-ubc {
background:url(images/logos/UBC_45.jpg) no-repeat;
height:45px;
width:33px;
}

.icon-ece {
background:url(images/logos/ECE_45.jpg) no-repeat;
height:45px;
width:45px;
}

.icon-mcgill {
background:url(images/logos/McGill_45.png) no-repeat;
height:45px;
width:45px;
}

.logos {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

.logos:hover {
filter: none;
-webkit-filter: grayscale(0%);
}
36 changes: 36 additions & 0 deletions css/temp_quote.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
blockquote_new{
border-left:none
}

.quote-badge_new{
background-color: rgba(0, 0, 0, 0.2);
}

.quote-box_new{
overflow: hidden;
margin-top: 40px;
padding-top: 40px;
border-radius: 17px;
background-color: rgb(121, 11, 66);
margin-top: 0px;
color:white;
width: 1025px;
box-shadow: 2px 2px 2px 2px #E0E0E0;

}

.quotation-mark_new{

margin-top: 0px;
font-weight: bold;
font-size:20px;
color:white;
font-family: "Times New Roman", Georgia, Serif;

}

.quote-text_new{

font-size: 19px;
margin-top: -65px;
}
Binary file added images/shabir_portrait.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
110 changes: 108 additions & 2 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,10 +2,10 @@
<html lang="en">

<head>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<!-- <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap.css"> -->

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
Expand All @@ -29,6 +29,78 @@
</head>

<body>

<div class="container">
<blockquote class="quote-box_new">
<p class="quotation-mark_new">

</p>
<p class="quote-text_new">

</p>
<hr>
<div class="blog-post-actions">
<p class="blog-post-bottom pull-left">
This site is not complete (Please visit my
<a href="www.linkedin.com/in/shabirmean">LinkedIn</a> page for the complete profile)
<br> Below are some feedback I received from the students for the work I did as a Teaching Assistant for
the Systems Programming class at McGill University.
<br> These comments were extracted from McGill University's
course evaluation portal.
</p>
<p class="blog-post-bottom pull-right">
<!-- <span class="badge quote-badge">896</span>  ❤ -->
</p>
</div>
</blockquote>
</div>

<main role="main">

<!--&lt;!&ndash; Main jumbotron for a primary marketing message or call to action &ndash;&gt;-->
<!--<div class="jumbotron">-->
<!--<div class="container">-->
<!--<h1 class="display-3">Hello, world!</h1>-->
<!--<p>This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.</p>-->
<!--<p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more &raquo;</a></p>-->
<!--</div>-->
<!--</div>-->

<div class="container">
<div class="row align-items-center ">
<div class="col-md-3">
<div id="headshot">
<img src="images/shabir_portrait.jpg" align="right" />
</div>
</div>
<div class="col-md-9">
<h3>Shabir Abdul Samadh</h3>
<h5>MSc. Computer Science</h5>

<a href="http://cs.mcgill.ca/~anrl/doku.php">Advanced Networking Research Lab</a>
<br>
<a href="https://www.cs.mcgill.ca/">School of Computer Science,</a>
<a href="http://www.mcgill.ca/">McGill University</a>
<br> McConnell Engineering Building (Room #224)
<br> 3480 University St.
<!-- <br> -->
<!--Room 735<br>-->
Montreal, QC.
<br> H3A 0E9, Canada
<br>
<i class="fa fa-envelope"></i>
<tt>[email protected]</tt> |
<i class="fa fa-twitter"></i>
<a href="http://twitter.com/shabirmean">@shabirmean</a> |
<i class="fa fa-linkedin-square"></i>
<a href="www.linkedin.com/in/shabirmean">shabirmean</a>
<br>
</div>
</div>

</main>


<div class="container">
<blockquote class="quote-box">
<p class="quotation-mark">
Expand Down Expand Up @@ -325,6 +397,40 @@
</blockquote>
</div>

<footer class="footer">
<div class="container">
<div id="social">
<a href="https://www.mcgill.ca" title="McGill University" class="icon-mcgill logos"></a>
<a href="http://ece.ubc.ca" title="ECE @ UBC" class="icon-ece logos"></a>
<a href="http://ubc.ca" title="University of British Columbia" class="icon-ubc logos"></a>
<a href="http://www.mrt.ac.lk/web/" title="University of Moratuwa" class="icon-uom logos"></a>
<a href="http://www.cse.mrt.ac.lk/" title="CSE @ UoM" class="icon-cse logos"></a>
<a href="http://royalcollege.lk/" title="Royal College" class="icon-rc logos"></a>
</div>
</div>
</footer>




<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- Bootstrap core CSS -->
<link href="bootstrap.min.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/temp_quote.css">
<link href="css/style.css" rel="stylesheet">
<script src="https://use.fontawesome.com/3acc830e4f.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ"
crossorigin="anonymous"></script>

</body>

</html>

0 comments on commit 94f182b

Please sign in to comment.