{"id":914,"date":"2021-03-24T20:56:34","date_gmt":"2021-03-24T20:56:34","guid":{"rendered":"https:\/\/sls.gmu.edu\/web\/?p=914"},"modified":"2025-03-17T10:02:03","modified_gmt":"2025-03-17T14:02:03","slug":"layout-guides-for-the-law-school-main-website","status":"publish","type":"post","link":"https:\/\/sls.gmu.edu\/web\/2021\/03\/24\/layout-guides-for-the-law-school-main-website\/","title":{"rendered":"Layout Guides for the Law School Main Website"},"content":{"rendered":"

Here are some quick layout guides for the main law school website<\/a>.<\/p>\n

To create a simple button (see visit campus<\/a> page), add the button<\/code> class.<\/p>\n

<div class=\"button\">\r\n\t<a href=\"\"><\/a>\r\n<\/div><\/code><\/pre>\n
To create three buttons in three columns with three different colors (see homepage<\/a>), add grid3<\/code> and color-buttons<\/code> classes:<\/p>\n
<div class=\"grid3 color-buttons\">\r\n\t<a href=\"\"><\/a>\r\n\t<a href=\"\"><\/a>\r\n\t<a href=\"\"><\/a>\r\n<\/div><\/code><\/pre>\n
To create four boxes in four columns with four different colors, (see homepage<\/a>), add grid4<\/code>, color-buttons<\/code>, and boxes<\/code> classes:<\/p>\n
<div class=\"grid4 color-buttons boxes\">\t\r\n\t<a href=\"\"><\/a>\r\n\t<a href=\"\"><\/a>\r\n\t<a href=\"\"><\/a>\r\n\t<a href=\"\"><\/a>\r\n<\/div><\/code><\/pre>\n
For a two-column layout (see the top of the People Finder<\/a> page), use the grid2<\/code> class:<\/p>\n
<div class=\"grid2\">\r\n\t<section><\/section>\r\n\t<section><\/section>\r\n<\/div><\/code><\/pre>\n
For a three-column layout (see contact information on the Records Office<\/a> page), use the grid3<\/code> class:<\/p>\n
<div class=\"grid3\">\r\n\t<section><\/section>\r\n\t<section><\/section>\r\n\t<section><\/section>\r\n<\/div><\/code><\/pre>\n
For a four-column layout (see icons on the Career<\/a> page), use the grid4<\/code> class:<\/p>\n
<div class=\"grid4\">\r\n\t<section><\/section>\r\n\t<section><\/section>\r\n\t<section><\/section>\r\n\t<section><\/section>\r\n<\/div><\/code><\/pre>\n
For a two-column layout with one column takes up two-third of the space (see JD Admissions<\/a> page) , add span2<\/code> class on that column:<\/p>\n
<div class=\"grid3\">\r\n        <section><\/section>\r\n\t<section class=\"span2\"><\/section>\r\n<\/div><\/code><\/pre>\n
For a two-column layout with one column takes up three-forth of the space (see the footer link and social media link at the bottom of the  footer<\/a>) , add span3<\/code> class on that column:<\/p>\n
<div class=\"grid4\">\r\n\t<section class=\"span3\"><\/section>\r\n\t<section><\/section>\r\n<\/div><\/code><\/pre>\n
To add icons for the second level pages (see Admissions<\/a> landing page), use the icons24<\/code> (24 is the dimension in pixels that all the icons were downloaded) class:<\/p>\n
<div class=\"grid3 icons24\">\r\n\t<a href=\"\"><img src=\"\" width=\"50\" alt=\"\"><\/a>\r\n\t<a href=\"\"><img src=\"\" width=\"50\" alt=\"\"><\/a>\r\n\t<a href=\"\"><img src=\"\" width=\"50\" alt=\"\"><\/a>\r\n<\/div><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
Here are some quick layout guides for the main law school website. To create a simple button (see visit campus page), add the button class. <div class=”button”> <a href=””><\/a> <\/div> To create three buttons in three columns with three different colors (see homepage), add grid3 and color-buttons classes: <div class=”grid3 color-buttons”> <a href=””><\/a> <a href=””><\/a> … Continue reading “Layout Guides  for the Law School Main Website”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[11],"tags":[43,44],"class_list":["post-914","post","type-post","status-publish","format-standard","hentry","category-web-development","tag-css","tag-html"],"_links":{"self":[{"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/posts\/914","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/comments?post=914"}],"version-history":[{"count":0,"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/posts\/914\/revisions"}],"wp:attachment":[{"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/media?parent=914"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/categories?post=914"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/tags?post=914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}