Giter VIP home page Giter VIP logo

Jaime Bermudez's Projects

dgmd-e27-assignment1-positioning icon dgmd-e27-assignment1-positioning

Create a single web page demonstrating the following parts and pieces: A header containing site identity. The header should span the 3 columns mentioned below. A navigation bar that doesn’t scroll off the screen. This bar should be located underneath the header and oriented horizontally, spanning 3 columns, as described below. It should contain 5-6 primary links (no secondary navigation). The links may be dummy links – don’t feel the need to link to pages on the web or make pages for the links to visit. A three-column layout, with the primary focus of the page in the middle, plus a left and right sidebar. A footer containing a copyright statement. The footer should span 3 columns. There should be two images located within the primary content of the web page and one image in one sidebar. (You may have more images if you desire; this is a minimum.) Two of the images in the primary content should be pushed to the right and/or left edge of the primary content area, with the content wrapping around them. The content of the web page may be “lorem ipsum”, Wikipedia content, or the equivalent. The images may be derived from placehold.it, placekitten.com, or similar sites. You are welcome to write your own content and/or use your own images if you prefer. The content of this web page should be long enough that some scrolling is required at screen heights greater than 760px. Do not use JavaScript, jQuery, or other scripting languages. Please use only HTML and CSS to complete this exercise. Keep classes and IDs to an absolute minimum. You should be able to complete this assignment using selectors discussed during this week. Do not use more than 1 ID or 2 classes in this assignment. Use HTML5, including semantic markup. The web page layout should work in one browser/operating system combination: Mac/Firefox, Mac/Chrome, PC/Firefox, PC/Chrome. Other browser compatibility is not required. Specify your browser combination when you turn the assignment in. Post the web page and CSS file to your web hosting space. Submit the URL in the assignment dropbox. You may use the standard CSS box model or the border-box model, your choice.

dgmd-e27-assignment2 icon dgmd-e27-assignment2

Build a 2-3 page responsive website, using the principles discussed this week. A responsive website should include a grid system, media queries, and images that resize. Your grid system and media queries should be custom-coded. The grid system can have as many or as few columns as you require. You should include at least two media queries in your CSS. You may have more than this if you require it. The images that resize may be a solution that you download. Use one from class, or use another solution you’ve found that you like better. The site should include a navigation bar that links the relevant pages together, and it should be available on all pages of the site. Write your own content for the site. Please don’t use lorem ipsum or Wikipedia entries. The site can be about anything you want provided it’s work-safe, legal, ethical, and moral. If you are redesigning a page or two from a site, you may use that site’s content. Use Sass for managing all CSS in this project. Make good use of variables, mixins, extend, nesting, math, built-in functions, etc. You may use whatever Sass file structure works for you. You are not required to use if/else, loops, or write your own functions with Sass, but you’re welcome to do so.

django-app-tester icon django-app-tester

A tool that runs the Django test suite for a given application without requiring a fully-configured project

huey icon huey

a little multi-threaded task queue for python

vagrant-puppet-lamp-demo icon vagrant-puppet-lamp-demo

This repo shows how easy it can be to set up a LAMP stack on a VirtualBox Centos image using Vagrant and Puppet. A simple "hello world" PHP script is provided to show the setup in action. There is also a phpinfo() script to show what gets installed.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.