diff --git a/erpnext/templates/generators/bom.html b/erpnext/templates/generators/bom.html
index 828d439..46dea6e 100644
--- a/erpnext/templates/generators/bom.html
+++ b/erpnext/templates/generators/bom.html
@@ -1,3 +1,82 @@
-{% block content %}
-    Hello
-{% endblock %}
\ No newline at end of file
+{% extends "templates/web.html" %}
+
+{% block title %} {{ title }} {% endblock %}
+
+{% block breadcrumbs %}
+	{% include "templates/includes/breadcrumbs.html" %}
+{% endblock %}
+
+{% block page_content %}
+{% from "erpnext/templates/includes/macros.html" import product_image %}
+<div class="item-content" style="margin-top:20px;">
+	<div class="product-page-content" itemscope itemtype="http://schema.org/Product">
+		<div class="row">
+			<div class="col-sm-6">
+				{% if slideshow %}
+					{% include "templates/includes/slideshow.html" %}
+				{% else %}
+					{{ product_image(website_image, "product-full-image") }}
+				{% endif %}
+			</div>
+			<div class="col-sm-6" style="padding-left:20px;">
+				 <h2 itemprop="name" style="margin-top: 0px;">{{ name }}</h2>
+
+				<p class="text-muted">
+                    {{ _("Item Name") }}: <span itemprop="itemName">{{ item_name }}</span></p>
+                    <br>
+                    <!--{{ _("Item Code") }}: <span itemprop="productID">{{ item_code }}</span></p>-->
+                    <div class="h6 text-uppercase">{{ _("Description") }}</div>
+                        <div itemprop="description" class="item-desc">
+                        {{ web_long_description or description or _("No description given") }}</div>
+                    <br>
+                    <div class="h6 text-uppercase">{{ _("Quantity") }}</div>
+                        <div itemprop="quantity" class="item-desc">{{ quantity }}</div>
+				<br>
+
+			</div>
+		</div>
+
+		</div>
+		</div>
+
+		{% if show_items -%}
+		<div class="row items" style="margin-top: 40px">
+			<div class="col-md-12">
+				<div class="h6 text-uppercase">{{ _("Items") }}</div>
+
+				<table class="table borderless" style="width: 100%">
+				{% for d in website_items -%}
+					<tr>
+						<td class="uppercase text-muted" style="width: 30%;">{{ d.item_name }}</td>
+						<td>{{ d.item_code }}</td>
+                        <td>{{ d.description }}</td>
+                        <td>{{ d.qty }}</td>
+					</tr>
+				{%- endfor %}
+				</table>
+			</div>
+		</div>
+		{%- endif %}
+
+        {% if show_operations -%}
+		<div class="row operations" style="margin-top: 40px">
+			<div class="col-md-12">
+				<div class="h6 text-uppercase">{{ _("Operations") }}</div>
+
+				<table class="table borderless" style="width: 100%">
+				{% for d in website_operations -%}
+					<tr>
+						<td class="uppercase text-muted" style="width: 30%;">{{ d.operation }}</td>
+						<td>{{ d.workstation }}</td>
+                        <td>{{ d.time_in_mins }}</td>
+						<td>{{ d.website_image }}</td>
+					</tr>
+				{%- endfor %}
+				</table>
+			</div>
+		</div>
+		{%- endif %}
+
+	</div>
+</div>
+{% endblock %}