Skip to content

Commit 01f63e6

Browse files
akashzcoderakashzcoder
committed
blog template decided
1 parent c7c1c93 commit 01f63e6

File tree

3 files changed

+155
-1
lines changed

3 files changed

+155
-1
lines changed

‎blogs/img/ml.jpg

93.7 KB
Loading

‎blogs/machine_learning.html

Lines changed: 154 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,154 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<title>W3.CSS Template</title>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
7+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inconsolata">
8+
<style>
9+
body, html {
10+
height: 100%;
11+
font-family: "Inconsolata", sans-serif;
12+
}
13+
14+
.bgimg {
15+
background-position: center;
16+
background-size: cover;
17+
background-image: url("./img/ml.jpg");
18+
min-height: 75%;
19+
}
20+
21+
.menu {
22+
display: none;
23+
}
24+
</style>
25+
<body>
26+
27+
<!-- Links (sit on top) -->
28+
<div class="w3-top">
29+
<div class="w3-row w3-padding w3-black">
30+
<div class="w3-col s3">
31+
<a href="https://akashzcoder.github.io" class="w3-button w3-block w3-black">HOME</a>
32+
</div>
33+
<div class="w3-col s3">
34+
<a href="https://akashzcoder.github.io/#about" class="w3-button w3-block w3-black">ABOUT</a>
35+
</div>
36+
<div class="w3-col s3">
37+
<a href="https://akashzcoder.github.io/#resume" class="w3-button w3-block w3-black">RESUME</a>
38+
</div>
39+
<div class="w3-col s3">
40+
<a href="https://akashzcoder.github.io/#academicWriting" class="w3-button w3-block w3-black">BLOGS</a>
41+
</div>
42+
</div>
43+
</div>
44+
45+
<!-- Header with image -->
46+
<header class="bgimg w3-display-container w3-grayscale-min" id="home">
47+
<div class="w3-display-bottomleft w3-center w3-padding-large w3-hide-small">
48+
<span class="w3-tag">Machine Learning Pipeline</span>
49+
</div>
50+
<div class="w3-display-middle w3-center">
51+
<span class="w3-text-white" style="font-size:90px"><br>Machine Learning Pipeline</span>
52+
</div>
53+
</header>
54+
55+
<!-- Add a background color and large text to the whole page -->
56+
<div class="w3-grayscale w3-large">
57+
58+
<!-- About Container -->
59+
<div class="w3-container" id="about">
60+
<div class="w3-content" style="max-width:1000px">
61+
<h5 class="w3-center w3-padding-64"><span class="w3-tag w3-wide">ARCHITECTURE OF MACHINE LEARNING PIPELINE</span></h5>
62+
<p>The Cafe was founded in blabla by Mr. Smith in lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
63+
<p>In addition to our full espresso and brew bar menu, we serve fresh made-to-order breakfast and lunch sandwiches, as well as a selection of sides and salads and other good stuff.</p>
64+
<div class="w3-panel w3-leftbar w3-light-grey">
65+
<p><i>"Use products from nature for what it's worth - but never too early, nor too late." Fresh is the new sweet.</i></p>
66+
<p>Chef, Coffeeist and Owner: Liam Brown</p>
67+
</div>
68+
<img src="/img/ml.jpg" style="width:100%;max-width:1000px" class="w3-margin-top">
69+
<p><strong>Opening hours:</strong> everyday from 6am to 5pm.</p>
70+
<p><strong>Address:</strong> 15 Adr street, 5015, NY</p>
71+
</div>
72+
</div>
73+
74+
<!-- Menu Container -->
75+
<div class="w3-container" id="menu">
76+
<div class="w3-content" style="max-width:700px">
77+
78+
<h5 class="w3-center w3-padding-48"><span class="w3-tag w3-wide">THE MENU</span></h5>
79+
80+
<div class="w3-row w3-center w3-card w3-padding">
81+
<a href="javascript:void(0)" onclick="openMenu(event, 'Eat');" id="myLink">
82+
<div class="w3-col s6 tablink">Eat</div>
83+
</a>
84+
<a href="javascript:void(0)" onclick="openMenu(event, 'Drinks');">
85+
<div class="w3-col s6 tablink">Drink</div>
86+
</a>
87+
</div>
88+
89+
<div id="Eat" class="w3-container menu w3-padding-48 w3-card">
90+
<h5>Bread Basket</h5>
91+
<p class="w3-text-grey">Assortment of fresh baked fruit breads and muffins 5.50</p><br>
92+
93+
<h5>Honey Almond Granola with Fruits</h5>
94+
<p class="w3-text-grey">Natural cereal of honey toasted oats, raisins, almonds and dates 7.00</p><br>
95+
96+
<h5>Belgian Waffle</h5>
97+
<p class="w3-text-grey">Vanilla flavored batter with malted flour 7.50</p><br>
98+
99+
<h5>Scrambled eggs</h5>
100+
<p class="w3-text-grey">Scrambled eggs, roasted red pepper and garlic, with green onions 7.50</p><br>
101+
102+
<h5>Blueberry Pancakes</h5>
103+
<p class="w3-text-grey">With syrup, butter and lots of berries 8.50</p>
104+
</div>
105+
106+
<div id="Drinks" class="w3-container menu w3-padding-48 w3-card">
107+
<h5>Coffee</h5>
108+
<p class="w3-text-grey">Regular coffee 2.50</p><br>
109+
110+
<h5>Chocolato</h5>
111+
<p class="w3-text-grey">Chocolate espresso with milk 4.50</p><br>
112+
113+
<h5>Corretto</h5>
114+
<p class="w3-text-grey">Whiskey and coffee 5.00</p><br>
115+
116+
<h5>Iced tea</h5>
117+
<p class="w3-text-grey">Hot tea, except not hot 3.00</p><br>
118+
119+
<h5>Soda</h5>
120+
<p class="w3-text-grey">Coke, Sprite, Fanta, etc. 2.50</p>
121+
</div>
122+
<img src="/w3images/coffeehouse2.jpg" style="width:100%;max-width:1000px;margin-top:32px;">
123+
</div>
124+
</div>
125+
126+
<!-- End page content -->
127+
</div>
128+
129+
<!-- Footer -->
130+
<footer class="w3-center w3-light-grey w3-padding-48 w3-large">
131+
<p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" title="W3.CSS" target="_blank" class="w3-hover-text-green">w3.css</a></p>
132+
</footer>
133+
134+
<script>
135+
// Tabbed Menu
136+
function openMenu(evt, menuName) {
137+
var i, x, tablinks;
138+
x = document.getElementsByClassName("menu");
139+
for (i = 0; i < x.length; i++) {
140+
x[i].style.display = "none";
141+
}
142+
tablinks = document.getElementsByClassName("tablink");
143+
for (i = 0; i < x.length; i++) {
144+
tablinks[i].className = tablinks[i].className.replace(" w3-dark-grey", "");
145+
}
146+
document.getElementById(menuName).style.display = "block";
147+
evt.currentTarget.firstElementChild.className += " w3-dark-grey";
148+
}
149+
document.getElementById("myLink").click();
150+
</script>
151+
152+
</body>
153+
</html>
154+

‎index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -535,7 +535,7 @@ <h5>
535535
<div class="container">
536536
<h3>Academic Writings</h3>
537537
<div class="card">
538-
<div class="card-header">20 Python libraries you aren't using: <a href="20python_lbraries.html">Link</a></div>
538+
<div class="card-header">Being a Data Scientist with Software Engineering Skills<a href="blogs/machine_learning.html">Link</a></div>
539539
</div>
540540
</div>
541541
<div class="container">

0 commit comments

Comments
 (0)