Bootstrap loves Fontawesome!

<!DOCTYPE html>
<html>
<head>
<title>Bootstrap</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style type="text/css">
img {
min-height: 300px;
max-height: 300px;
width: 300px;
padding-left: 10px;
padding-right: 10px;
}

.footer {
margin-top: 100px;
}
</style>
</head>
<body>

<div class="container-fluid">
<div class="jumbotron text-center">
<h1>Welcome to My Website</h1>
<p>My website consists of information on Web designing</p>
<button class="btn btn-default btn-lg">Get Started</button>
</div>

<div class="row text-center">
<div class="col-md-4">
<img class="img img-circle" src="https://community.emc.com/thread/profile-image-display.jspa?imageID=4260&size=350" alt="">
<p class="h3">Person 1</p>
</div>
<div class="col-md-4">
<img class="img img-circle" src="https://www.foxchase.org/sites/fccc/files/styles/person-photo/public/photo/NadiaKhan640x860_1.jpg?itok=ANUAFism" alt="">
<p class="h3">Person 2</p>
</div>
<div class="col-md-4">
<img class="img img-circle" src="http://d3lp4xedbqa8a5.cloudfront.net/s3/digital-cougar-assets/nzww/2016/10/26/1477434135987_1.jpg" alt="">
<p class="h3">Person 3</p>
</div>
</div>

<div class="footer text-center">
<div class="row">
<div class="col-xs-2 col-xs-offset-3">
<i class="fa fa-facebook-official fa-2x"></i>
</div>
<div class="col-xs-2">
<i class="fa fa-google-plus fa-2x"></i>
</div>
<div class="col-xs-2">
<i class="fa fa-twitter fa-2x"></i>
</div>
</div>
</div>
</div>

</body>
</html>

Comments

Post a Comment

Post Your Valuable Comments

Popular posts from this blog

Zeller's Congruence

class ZellersCongruence {     /**     * Calculate day of week using Zeller's Congruence     *     * For the Gregorian calendar     * h =(q + floor(13(m + 1) / 5) + K + floor(K / 4) + floor(J/ 4) + 5J) % 7     *     * For Julian calendar     * h =(q + floor(13(m + 1) / 5) + K + floor(K / 4) + 5 + 6J) % 7     *     * where     * h is the day of the week (0 = Saturday, 1 = Sunday, 2 = Monday, ...)     * q is the day of the month     * m is the month (3 = March, 4 = April, 5 = May, ..., 14 = February)     * K the year of the century (year % 100).     * J is the century (actually floor(year/100)) (For example, in 1995 the century would be 19, even though it was the 20th century.)     *     * NOTE: In this algorithm January and February are ...
Read more

Property Event-Delegation

import javax.swing.JFrame; import javax.swing.JButton; import java.awt.Color; import java.awt.EventQueue; import java.awt.BorderLayout; import java.beans.PropertyChangeListener; import java.beans.PropertyChangeEvent; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.util.Random; class BoundFrame extends JFrame {     private JButton button1;     private JButton button2;     private Random random;         public BoundFrame() {         initialize();     }         private void initialize() {         button1 = new JButton("Select Me");         button2 = new JButton("No Select Me");         random = new Random();                 button1.addActionListener(new Butt...
Read more

Method with variable arguments

class VarArgs {     public static void main(String[] args) {         System.out.println(sum(1));                System.out.println(sum(1, 2));                System.out.println(sum(1, 2, 3));                System.out.println(sum(1, 2, 3, 4));            }         static int sum(int...args) {         int sum = 0;             for (int i = 0; i < args.length; i++)             sum += args[i];                     return sum;     } }
Read more