Menu icon Foundation

Coder

I am a font end developer having 5+ years of experience into UI development.

My Posts

No Content

My Comments

Prathap commented on Bart D.'s post about 4 years

@Bart

It's a good practice to separate .scss & sass files from .css files.

   "css/sass/app.scss, app.sass"
   "css/app.css (compiled scss file)

Prathap commented on kevin basteleus's post about 4 years

@Kevin

if possible share your code using jsfiddle.

Prathap commented on davide pupparo's post over 5 years

Hello Davide, you can try the following code inside your orbit slider.

note: this is a custom code which I have created.

<div class="button-group">
  <button class="button">Button 1</button>
  <button class="button">Button 2</button>
  <button class="button">Button 3</button>
</div>

Prathap commented on tom's post over 5 years

Hi Tom,

The code for photo section looks empty. Please add the code to you website so I can solve your problem.

[IMG]http://i62.tinypic.com/34yd6y0.jpg[/IMG]

Prathap commented on Ankur Khandelwal's post over 5 years

Hello Ankur,

First step first - you need to download the complete foundation package from zurb site.
Extract files to your to you hard drive. Unless you are using pre-processors like SASS you may need to install ruby or node.js

You can find the get-started guide here http://foundation.zurb.com/docs/index.html

Prathap commented on Smitaa H's post over 5 years

I'm interested in freelancing :)

Prathap commented on Lynda Spangler's post over 5 years

Yes, it is possible with css positions.

Prathap commented on Jef Fortier's post over 5 years

Please share your development website link!

Prathap commented on Marc McGee's post over 5 years

@Marc McGee, Can you share the link?

Prathap commented on Daniel Mejia's post over 5 years

@Daniel, try this code

<!-- Navigation -->
<div class="contain-to-grid">
<nav class="top-bar" data-topbar>

  <div class="top-bar-section">
    <!-- Left Nav Section -->
    <ul class="right">
    <li class="divider"></li>
      <li class="active"><a href="#">OFFICES</a></li>
      <li class="divider"></li>
      <li><a href="#">SITEPLAN</a></li>
      <li class="divider"></li>
      <li><a href="#">ABOUT DORAL</a></li>
      <li class="divider"></li>
      <li><a href="#">LOCATION</a></li>
      <li class="divider"></li>
      <li><a href="#">CONTACT US</a></li>
      <li class="divider"></li>
    </ul>
  </div>

  <ul class="title-area">
    <li class="name">
      <!--<h1><a href="#">--><img width="200" src="http://rivierapointdoral.com/test/img/logo.jpg" /><!--</a></h1>-->
    </li>
    <li class="toggle-topbar menu-icon"><a href="#"></a></li>
  </ul>

</nav>
 </div>
  <!-- End Top B
<style>
      .title-area,
      .top-bar li.name{ background: #0F2231 }
      .top-bar li.name img{ display: block }
      .top-bar.expanded .title-area{ clear:both; }
  </style>

Posts Followed


  • 3
    Replies
  • Clearing caption

    By kevin basteleus

    #clearing

    Hey everyone, Im having some issues with implementing the clearing lightbox. Im styling through css. This is my question: How do i switch color from my clearing caption text? I changed color from clearing-capture in css, but this didn't help. Also... (continued)

    Last Reply by kevin basteleus about 4 years ago


Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on Bart D.'s post about 4 years

@Bart

It's a good practice to separate .scss & sass files from .css files.

   "css/sass/app.scss, app.sass"
   "css/app.css (compiled scss file)

You commented on kevin basteleus's post about 4 years

@Kevin

if possible share your code using jsfiddle.

You commented on davide pupparo's post over 5 years

Hello Davide, you can try the following code inside your orbit slider.

note: this is a custom code which I have created.

<div class="button-group">
  <button class="button">Button 1</button>
  <button class="button">Button 2</button>
  <button class="button">Button 3</button>
</div>

You commented on tom's post over 5 years

Hi Tom,

The code for photo section looks empty. Please add the code to you website so I can solve your problem.

[IMG]http://i62.tinypic.com/34yd6y0.jpg[/IMG]

You commented on Ankur Khandelwal's post over 5 years

Hello Ankur,

First step first - you need to download the complete foundation package from zurb site.
Extract files to your to you hard drive. Unless you are using pre-processors like SASS you may need to install ruby or node.js

You can find the get-started guide here http://foundation.zurb.com/docs/index.html

You commented on Smitaa H's post over 5 years

I'm interested in freelancing :)

You commented on Lynda Spangler's post over 5 years

Yes, it is possible with css positions.

You commented on Jef Fortier's post over 5 years

Please share your development website link!

You commented on Marc McGee's post over 5 years

@Marc McGee, Can you share the link?

You commented on Daniel Mejia's post over 5 years

@Daniel, try this code

<!-- Navigation -->
<div class="contain-to-grid">
<nav class="top-bar" data-topbar>

  <div class="top-bar-section">
    <!-- Left Nav Section -->
    <ul class="right">
    <li class="divider"></li>
      <li class="active"><a href="#">OFFICES</a></li>
      <li class="divider"></li>
      <li><a href="#">SITEPLAN</a></li>
      <li class="divider"></li>
      <li><a href="#">ABOUT DORAL</a></li>
      <li class="divider"></li>
      <li><a href="#">LOCATION</a></li>
      <li class="divider"></li>
      <li><a href="#">CONTACT US</a></li>
      <li class="divider"></li>
    </ul>
  </div>

  <ul class="title-area">
    <li class="name">
      <!--<h1><a href="#">--><img width="200" src="http://rivierapointdoral.com/test/img/logo.jpg" /><!--</a></h1>-->
    </li>
    <li class="toggle-topbar menu-icon"><a href="#"></a></li>
  </ul>

</nav>
 </div>
  <!-- End Top B
<style>
      .title-area,
      .top-bar li.name{ background: #0F2231 }
      .top-bar li.name img{ display: block }
      .top-bar.expanded .title-area{ clear:both; }
  </style>

Posts Followed


Following

  • No Content

Followers

  • No Content