title: how to embed bokeh server plots to html and css templete - python
body: <p>i am having a bokeh server application . i need to add some custom html and css styling to it. somebody please suggest me how can i embed this plot into a html div and apply some css.</p>
  
  <p>this appplication is having directory structure</p>
  
  <pre><code>myapp
  
     |
     +---main.py
     +---static
     +---css
          +---style.css
     +---templates
          +---index.html
  </code></pre>
  
  <p>`</p>
  
  <pre><code>plats = ("IOS", "Android", "OSX", "Windows", "Other")
  values = (35, 22, 13, 26, 4)
  platform = figure(plot_height=350, toolbar_location=None, outline_line_color=None, sizing_mode="scale_both", name="platform",
                    y_range=list(reversed(plats)), x_axis_location="above")
  platform.x_range.start = 0
  platform.ygrid.grid_line_color = None
  platform.axis.minor_tick_line_color = None
  platform.outline_line_color = None
  
  platform.hbar(left=0, right=values, y=plats, height=0.8)
  
  curdoc().add_root(platform)
  
  
  
  {% from macros import embed %} 
  &lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      {{ bokeh_css }}
      {{ bokeh_js }}
      &lt;link rel="stylesheet" href="myapp/static/css/styles.css"/&gt;
    &lt;/head&gt;
    &lt;body&gt;
    {{ embed(roots.pTotalVbar) }}
    {{ plot_script|indent(8) }}
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>