API tools faq
paste
Advertisement
xanathor

Untitled

xanathor
Sep 19th, 2015
108
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.38 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.   <meta name="viewport" content="width=device-width, initial-scale=1">
  4. <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  5. <link href="css/custom.css" rel="stylesheet" type="text/css" />
  6. <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
  7. <script type="text/javascript" src="js/scrollspy.js"></script>
  8. <script type="text/javascript" src="js/bootstrap.min.js"></script>
  9. </head>
  10. <body data-spy="scroll" data-target="#myNavbar">
  11.     <nav class="navbar navbar-inverse navbar-fixed-top">
  12.         <div class="container-fluid">
  13.             <div class="navbar-header">
  14.                     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse" aria-expanded="false">                 
  15.                         <span class="icon-bar"></span>
  16.                         <span class="icon-bar"></span>
  17.                         <span class="icon-bar"></span>
  18.                     </button>
  19.                     <a class="navbar-brand" href="#home">
  20.                         <strong class="logo" style="font-family:times; font-size:32px;"><strong>A</strong>r<strong style="color:#569E75;">K</strong>ilutions</strong>
  21.                     </a>
  22.                 </div>
  23.             <div class="navbar-collapse collapse" id="myNavbar">
  24.                         <ul class="nav navbar-nav menu">
  25.                             <li class="active">
  26.                                 <a href="#home">
  27.                                     <i class="icon-home"></i>
  28.                                     Home
  29.                                 </a>
  30.                             </li>
  31.                             <li class="">
  32.                                 <a href="#wallart">
  33.                                     <i class="icon-star-empty"></i>
  34.                                     Wall-Art
  35.                                 </a>
  36.                             </li>
  37.                             <li class="">
  38.                                 <a href="#projects">
  39.                                     <i class="icon-briefcase"></i>
  40.                                     Projects
  41.                                 </a>
  42.                             </li>
  43.                             <li class="">
  44.                                 <a href="#aboutus">
  45.                                     <i class="icon-question-sign"></i>
  46.                                     Contact Us
  47.                                 </a>
  48.                             </li>
  49.                         </ul>
  50.             </div>
  51.         </div>
  52.     </nav> 
  53.     <div id="home" class="tabs">
  54.         <div class="container-fluid"  style="margin-top:6vmax;">
  55.                     <div class="row-fluid">
  56.                     <div class="col-sm-6">
  57.                         <img src="img/logo_3.jpg" alt="ArKilutions logo" class="img-polaroid" width="263px" height="309px"></img>
  58.                         <br />                         
  59.                         <h1><strong class="logo" style="font-family:times; font-size:6vw !important;"><strong>A</strong>r<strong style="color:#569E75;">K</strong>ilutions</strong></h1>                           
  60.                         <p>Providing architectural solutions for your environment</p>
  61.                     </div>
  62.                     <div class="col-sm-6">
  63.                         <p style="font-family:'oswald';">
  64.                             We at Arkilutions have the sole intention to design elegant, beautiful and functional environments.
  65.                             We specialise in architectural, interior, landscape, product and artefact designing.
  66.                             Designing better every day, so as to capture the beauty of nature and containing it in your environment is our aim.
  67.                             Take a look at the projects we have undertaken under the Projects tab. Also, don't miss out on the Wall-Art tab
  68.                             which is an exclusive technique provided by Arkilutions.
  69.                         </p>
  70.                     </div>
  71.  
  72.                     </div>
  73.                     <br/><br/><br/><br/><br/>
  74.         </div>
  75.     </div>
  76.     <!-- *********End of first page********* -->       
  77.  
  78.  
  79.         <div id="wallart" class="container-fluid tabs">
  80.                 <div class="hero-unit" style="font-family:'oswald';" style="margin-top:6vmax;">
  81.                     <p style="font-size:46px;">Wall-Art</p>
  82.                     <p>This is a techinique where a trained artist paints directly on the wall with washable paints.
  83.                     This gives an aesthetic sense to the walls, removing dull; monotonous colors and filling it with a vibrant story.
  84.                     This technique has been well-received and applauded by our clients.</p>
  85.                 </div>
  86.                 <div class="container">
  87.                     <ul class="thumbnails">
  88.                         <li class="span4">
  89.                             <div class="thumbnail">
  90.                                 <img src="img/4_1.JPG" alt="300x300">
  91.                                 <div class="caption">
  92.                                     <h3>The Buddha</h3>
  93.                                     <p>Our client wanted to place an idol and we provided it with the perfect background.
  94.                                     It gives a somewhat three-dimentional look and builds up the scene of the meditating buddha.</p>
  95.                                 </div>
  96.                             </div>
  97.                         </li>
  98.                         <li class="span4">
  99.                             <div class="thumbnail">
  100.                                 <img src="img/4_3.JPG" alt="300x300">
  101.                                 <div class="caption">
  102.                                     <h3>The Fields</h3>
  103.                                     <p>The fake wall was created to display this artwork. This provides the aesthetic look promised.
  104.                                     Our client wanted a scenario of a field. This wall-art was made to create that theme.</p>
  105.                                 </div>
  106.                             </div>                             
  107.                         </li>
  108.                         <li class="span4">
  109.                             <div class="thumbnail">
  110.                                 <img src="img/3_1.JPG" alt="300x300">
  111.                                 <div class="caption">
  112.                                     <h3>The Circles</h3>
  113.                                     <p>This was painted on a vertical piece of furniture which could be extended horizontally
  114.                                     to provide a desk. After extension too the art remains complete. Visit our page for more.</p>
  115.                                 </div>
  116.                             </div>                             
  117.                         </li>
  118.                     </ul>
  119.                 </div>
  120.             </div>
  121.     <!--  *********End of second page*********  -->    
  122.  
  123.  
  124.        
  125.        
  126.     <div class="container-fluid tabs" id="projects">
  127.                 <div class="hero-unit" style="font-family:'oswald';" style="margin-top:6vmax;">
  128.                     <p style="font-size:46px;">Projects</p>
  129.                 </div>
  130.                 <div class="accordion info2" id="accordion2" style="margin-top:6vmax;">
  131.                     <div class="accordion-group">
  132.                         <div class="accordion-heading">
  133.                             <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne" style="color:black; font-size:20px;">
  134.                                 Residential
  135.                             </a>
  136.                         </div>
  137.  
  138.                         <div id="collapseOne" class="accordion-body collapse in">
  139.                             <div class="accordion-inner">
  140.                                 <ul class="thumbnails">
  141.                                     <li class="span4">
  142.                                         <div class="thumbnail">
  143.                                             <img src="img/3_2.JPG" alt="300x300" style="">
  144.                                             <div class="caption" style="color:white;">
  145.                                                 <h3>Furnished Flat</h3>
  146.                                                 <p>The complete flat was furnished by Arkilutions. The bed was custom made to suit the needs of our client.
  147.                                                 Lighting was provided so as to keep the room appropriately illuminated.
  148.                                                 <br/><br/></p>
  149.                                             </div>
  150.                                         </div>
  151.                                     </li>
  152.                                     <li class="span4">
  153.                                         <div class="thumbnail">
  154.                                             <img src="img/1_3.JPG" alt="300x300" style="">
  155.                                             <div class="caption" style="color:white;">
  156.                                                 <h3>Bedroom Interiors</h3>
  157.                                                 <p>The color of the bedroom changed depending on the lighting. In the day the color seems to be of a lighter shade, whereas in the night it
  158.                                                 seems to be dark. This was a little play in the color and lighting to suit the needs of our client</p>
  159.                                             </div>
  160.                                         </div>                             
  161.                                     </li>
  162.                                     <li class="span4">
  163.                                         <div class="thumbnail">
  164.                                             <img src="img/4_2.JPG" alt="300x300" style="">
  165.                                             <div class="caption" style="color:white;">
  166.                                                 <h3>Passageway lights</h3>
  167.                                                 <p>The allignment was chosen so as to make the passageway look sofisticated.
  168.                                                 Also, a wall-art was provided in the adjoining hall, which can be seen in the far left of the picture.
  169.                                                 <br/><br/></p>
  170.                                             </div>
  171.                                         </div>                             
  172.                                     </li>
  173.                                 </ul>
  174.                             </div>
  175.                         </div>
  176.                        
  177.                     </div>
  178.                     <div class="accordion-group">
  179.                         <div class="accordion-heading">
  180.                             <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo" style="color:black; font-size:20px;">
  181.                                 Offices
  182.                             </a>
  183.                         </div>
  184.  
  185.                         <div id="collapseTwo" class="accordion-body collapse">
  186.                             <div class="accordion-inner">
  187.                                 <ul class="thumbnails">
  188.                                     <li class="span4">
  189.                                         <div class="thumbnail">
  190.                                             <img src="img/2_1.JPG" alt="300x300" style="">
  191.                                             <div class="caption" style="color:white;">
  192.                                                 <h3>Office Interiors</h3>
  193.                                                 <p>The complete office interiors was design to promote productivity. The Tables and chairs are custom made.
  194.                                                 The inclination of the table was decided with engineering precision,
  195.                                                 so as to reflect light at accurate angles on the desk.</p>
  196.                                             </div>
  197.                                         </div>
  198.                                     </li>
  199.                                     <li class="span4">
  200.                                         <div class="thumbnail">
  201.                                             <img src="img/2_2.JPG" alt="300x300" style="">
  202.                                             <div class="caption" style="color:white;">
  203.                                                 <h3>Custom-made Chairs</h3>
  204.                                                 <p>The chairs were designed to give an antiquey look to the furniture. The arm-rest was designed
  205.                                                 so as to provide proper comfort. There is a play with the table inclination too.
  206.                                                 <br/><br/></p>
  207.                                             </div>
  208.                                         </div>                             
  209.                                     </li>
  210.                                     <li class="span4">
  211.                                         <div class="thumbnail">
  212.                                             <img src="img/1_1.JPG" alt="300x300" style="">
  213.                                             <div class="caption" style="color:white;">
  214.                                                 <h3>Custom-made Sofa</h3>
  215.                                                 <p>The color of the sofa was chosen to match the entire scheme of the office. As we designed the complete office
  216.                                                 we could choose the fabric, the wood and the craftsmen providing best services to our clients.</p>
  217.                                             </div>
  218.                                         </div>                             
  219.                                     </li>
  220.                                 </ul>
  221.                             </div>
  222.                         </div>
  223.                     </div>
  224.                    
  225.                     <div class="accordion-group">
  226.                         <div class="accordion-heading">
  227.                             <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree" style="color:black; font-size:20px;">
  228.                                 Commercial
  229.                             </a>
  230.                         </div>
  231.  
  232.                         <div id="collapseThree" class="accordion-body collapse">
  233.                             <div class="accordion-inner">
  234.                                 <ul class="thumbnails">
  235.                                     <li class="span4">
  236.                                         <div class="thumbnail">
  237.                                             <img src="img/5_1.JPG" alt="300x300" style="">
  238.                                             <div class="caption" style="color:white;">
  239.                                                 <h3>Shop Interiors</h3>
  240.                                                 <p>This was a watch shop which was re-designed completely by Arkilutions to provide the right ambience.
  241.                                                 The colors of the ceiling was chosen so as to reflect light more on the showcase.</p>
  242.                                             </div>
  243.                                         </div>
  244.                                     </li>
  245.                                     <li class="span4">
  246.                                         <div class="thumbnail">
  247.                                             <img src="img/5_2.JPG" alt="300x300" style="">
  248.                                             <div class="caption" style="color:white;">
  249.                                                 <h3>Showcase</h3>
  250.                                                 <p>This showcase was built from ground up by Arkilutions and was given a small window
  251.                                                 to put artefacts to attract customers walking on the streets.</p>
  252.                                             </div>
  253.                                         </div>     
  254.                                     </li>
  255.                                     <li class="span4">
  256.                                         <div class="thumbnail">
  257.                                             <img src="img/5_3.JPG" alt="300x300" style="">
  258.                                             <div class="caption" style="color:white;">
  259.                                                 <h3>Tea Trader</h3>
  260.                                                 <p>An ongoing project for a tea trader. Here we are working with different styling elements
  261.                                                 rather than the conventional. Innovation is an aspect we focus on.</p>
  262.                                             </div>
  263.                                         </div>                             
  264.                                     </li>
  265.                                 </ul>
  266.                             </div>
  267.                         </div>
  268.                     </div>         
  269.                 </div>
  270.     </div>
  271.     <!-- *********End of third page********* -->   
  272.        
  273.            
  274.     <div id="aboutus" class="container-fluid tabs">
  275.                 <div class="row" style="margin-top:6vmax;">
  276.                     <div class="span4">
  277.                         <img src="img/logo_1.jpg" alt="Arkilutions Logo Image" style="">
  278.                     </div>
  279.                     <div class="span4">
  280.                         <img src="img/logo_3.jpg" alt="Arkilutions Logo Image" style="">                   
  281.                     </div>
  282.                 </div>
  283.     </div>
  284.     <!-- *********End of fourth page********* -->          
  285.    
  286. </body>
  287. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!