BOOTSTRAPPING OUR WAY THROUGH FREECODECAMP.ORG: BUILD A TRIBUTE PAGE

By: Saurav

2018-03-31 09:42:00 UTC

body{
background-color: white;
}
.frame{
padding: 10px;

}
.coloredbg{
background-image: url("https://images.pexels.com/photos/958363/pexels-photo-958363.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260");
border: 1px solid #aaaaaa;
padding: 10px;
min-height: 500px;
background-repeat: no-repeat;
background-size: cover;
}

.heading{

padding: 10px;
}

.headtext{
color: white ;
text-align: center;
font-size: 50px;
}

.subheading{
color: #c0c2ce ;
text-align: center;
}

.subheading > a{
color: white ;
text-align: center;
}

.profileimage{
text-align: center;
}

.dp{
border: 2px solid white;
}

.profile{
background-color: rgba(255,255,255,0.1);
min-height: 500px;
margin: 0px 70px;

}

.profile > ul {
color: white;
}
.profile > ul > li > a {
color: white;
}

.






SAURAV PRAKASH


DEVELOPER - LEARNER - BLOGGER










SAURAV'S TIMELINE




  • 1990: Born on 24th Oct 1990


  • 1992: Started schooling in 1992


  • 2006: Finished Secondary School under Top 3 school rank


  • 2006: Moved to a bigger city for higher education


  • 2008: Graduated High School


  • 2009: Got selected for undergrad Electrical Engineering at NIT


  • 2009: Switched major to computer science and at first got a little shock


  • 2010: Fell in love with Computer Science and started getting interested in research


  • 2011: First project in the field of Image Processing and Computer Vision during an internship at ISM Dhanbad


  • 2012: Did two internships in same summer. Worked at Indian Space research Organization and worked on a research project at IIT BHU


  • 2012: First publication. Book chapter


  • 2013: Second publication as first author and also got an offer from Ericsson Global


  • 2013: Graduated undergrad in september and started preparing for GRE


  • 2014: Joined Ericsson as Network Engineer trainee and got admission with scholarship at Syracuse University in Masters in Computer Science Program


  • 2015: Started working at applied security lab as a research assistant


  • 2016: Graduated Masters and joined a small startup and started to work on product development


  • 2017: Moved to the desert, Tempe, Arizona.


  • 2017: Research work done in 2015 got selected for publication in computing conference 2018, a total of three international publications.


  • 2018: Presently, working on this exercise after 9 - 5 work, trying to become a better developer and looking for better jobs.




To get a hold of me:
Blog
Resume
Twitter
Linkedin






The code: 

<div class = "container frame">
  <div class = "row">
    <div class = "col-xs-12 coloredbg">
      
      <div class = "col-xs-12 heading">
        <h1 class = "text-center headtext">SAURAV PRAKASH</h1>
        <h3 class = "text-center subheading">DEVELOPER - LEARNER - BLOGGER</h3>
        
      </div>
      
      <div class = "profileimage col-xs-12">
          <img src="https://pbs.twimg.com/profile_images/833936539432415234/DYM8-POh_400x400.jpg" class = "dp">
      </div>
      
      <div class = "profile col-xs-12">
         <h3 class = "text-center subheading">SAURAV'S TIMELINE</h3>
        <ul>
          <li>
            <strong>1990</strong>: Born on 24th Oct 1990
          </li>
          <li>
            <strong>1992</strong>: Started schooling in 1992
          </li>
          <li>
            <strong>2006</strong>: Finished Secondary School under Top 3 school rank
          </li>
          <li>
            <strong>2006</strong>: Moved to a bigger city for higher education
          </li>          
          <li>
            <strong>2008</strong>: Graduated High School
          </li>
          <li>
            <strong>2009</strong>: Got selected for undergrad Electrical Engineering at NIT
          </li>
          <li>
            <strong>2009</strong>: Switched major to computer science and at first got a little shock
          </li>
          <li>
            <strong>2010</strong>: Fell in love with Computer Science and started getting interested in research
          </li>
          <li>
            <strong>2011</strong>: First project in the field of Image Processing and Computer Vision during an internship at ISM Dhanbad
          </li>
          <li>
            <strong>2012</strong>: Did two internships in same summer. Worked at Indian Space research Organization and worked on a research project at IIT BHU
          </li>
          <li>
            <strong>2012</strong>: First publication. <a href = "https://www.igi-global.com/chapter/a-brief-review-on-recent-trends-in-image-restoration/79721">Book chapter</a> 
          </li>
          <li>
            <strong>2013</strong>: Second publication as first author and also got an offer from Ericsson Global 
          </li>
          <li>
            <strong>2013</strong>: Graduated undergrad in september and started preparing for GRE
          </li>
          <li>
            <strong>2014</strong>: Joined Ericsson as Network Engineer trainee and got admission with scholarship at Syracuse University in Masters in Computer Science Program
          </li>
          <li>
            <strong>2015</strong>: Started working at applied security lab as a research assistant
          </li>
          <li>
            <strong>2016</strong>: Graduated Masters and joined a small startup and started to work on product development
          </li>
          <li>
            <strong>2017</strong>: Moved to the desert, Tempe, Arizona.
          </li>
          <li>
            <strong>2017</strong>: Research work done in 2015 got selected for publication in computing conference 2018, a total of three international publications.
          </li>
          <li>
            <strong>2018</strong>: Presently, working on this exercise after 9 - 5 work, trying to become a better developer and looking for better jobs.
          </li>
        </ul>
        
        <h3 class = "text-center subheading">
        To get a hold of me:
        <a href = "http://www.onceaday.today/subjects">Blog</a>
        <a href = "https://www.dropbox.com/s/x8xr47mao20mwh3/SAURAV%20PRAKASH_RESUME_RubyDev.pdf?dl=0">Resume</a>
        <a href = "https://twitter.com/sprakash24oct">Twitter</a>
        <a href = "https://www.linkedin.com/in/saurav-prakash-2a402335/">Linkedin</a>
        </h3>
      </div>
      
    </div>
  </div>  
</div>


CSS:

body{
  background-color: white;
}
.frame{
  padding: 10px;
  
}
.coloredbg{
  background-image: url("https://images.pexels.com/photos/958363/pexels-photo-958363.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260");
  border: 1px solid #aaaaaa;
  padding: 10px;
    min-height: 500px;
  background-repeat: no-repeat;
   background-size: cover; 
}

.heading{  
  
  padding: 10px;   
}


.headtext{
  color:  white ;
  text-align: center;  
  font-size: 50px;
}

.subheading{
  color:  #c0c2ce ;
  text-align: center;  
}

.subheading > a{
  color:  white ;
  text-align: center;  
}


.profileimage{
  text-align: center;
}

.dp{
  border: 2px solid white;
}

.profile{
 background-color: rgba(255,255,255,0.1);
  min-height: 500px;  
  margin: 0px 70px;
  
}

.profile > ul {
  color: white;
}
.profile > ul > li > a {
  color: white;
}

Looks much better on codepen:

Codepen

Owned & Maintained by Saurav Prakash

If you like what you see, you can help me cover server costs or buy me a cup of coffee though donation :)