Bootstrap Snippet fancymonk home page using HTML CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
        <div>
<div class="topnav">
        <ul>
            <li class="icon">
                 <a href="javascript:void(0);" onclick="myFunction()">☰</a>
            </li>
            <li><a href="#contact" title="">Contact</a></li>
            <li><a href="/forrestaurant/#" title="">For Restaurants</a></li>
            <li><a href="/forbusiness/#" title="">For Business</a></li>
            <div>
                <a href="/home">
                <span class="span-logo">
                <!-- <img src="./static/image/fancy_monk_logo_final.png" /> -->
                <!-- <img src="./static/fancymonk_logo/ic_fancy_monk_white.png" /> -->
                <img src="http://fancymonk.com/static/fancymonk_logo/ic_fancy_monk_white_small_128.png">
                <!-- <p>Fancymonk</p> -->
                </span>
                </a>
            </div>
        </ul>
    </div>
    
    
<section id="main">
    <div class="fancy-monk">
      <h1>Fancymonk</h1> 
      <div>
         <div class="signinup">
             <div>Not a member yet?</div>
             <div>Sign up now</div>
             <div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
/*nav-bar*/
.topnav ul {
    border-bottom: 1px solid #B71C1C;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #ce1e42;
    max-height: 70px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}
.topnav ul li {
    float: right;
}
.topnav ul li a {
    font-size: 16px;
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 23px 20px;
    text-decoration: none;
    transition: 0.3s;
}
.span-logo img {
    display: inline-block;
    vertical-align: top;
    height: 75px;
    min-height: 75px;
    width: 75px;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"fancymonk home page"
Bootstrap 3.0.0 Snippet by akhtarvahid

Related: See More

Questions / Comments:

"fancymonk home page" Bootstrap 3.0.0 Snippet by akhtarvahid

Related: See More

Questions / Comments:

"fancymonk home page"
Bootstrap 3.0.0 Snippet by akhtarvahid