316. RESTful Blog App: NEW and CREATE

.container.main {
	margin-top: 7.0em;
}

Putting the C in CRUD
* ADD NEW route 
* Add NEW template 
* Add CREATE route 
* Add CREATE template

1. /blogs/new

1) Create new.ejs and RESTful route connect

<%- include("./partials/header")%>

<div class="ui main text container segment">
    <div class="ui huge header">New Blog</div>
    <form class="ui form" action="/blogs" method="POST">
        <div class="field">
            <label>Title</label>
            <input type="text" name="blog[title]" placeholder="title">
        </div>
       <div class="field">
            <label>Image</label>
            <input type="text" name="blog[image]" placeholder="image">
        </div>
         <div class="field">
            <label>Blog Content</label>
            <textarea name="blog[body]"></textarea>
        </div>
        <input class="ui violet big basic button" type="submit" value="Submit">
    </form>
</div>

<%- include("./partials/footer")%>

2) Design new.ejs and checkout container margin issue

.container.main {
	margin-top: 7.0em;
}

2. Why Semantic ui is better than BootStrap?

<button class="btn btn-success">CLICK ME!</button> // BootStrap framework
<input class="ui violet basic button" type="submit"> // semantic framework is meaningful than compare to BootStrap
<input class="ui violet big basic button" type="submit">