CMPUT404-assignment-css-hell/bad.html at master · geominion/CMPUT404-assignment-css-hell · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><link href='http://fonts.googleapis.com/css?family=Istok+Web' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="bad.css" />
<title>Assignment 3</title>
</head>
<body>
    <div class="main">
        <div class="topbar">
            <div class="words">Joshua</div>
            <div class="words2">Dunsmuir</div>
            <div class="words3">Computing Like A Fiend</div>
            <div class="img1"></div>
        </div>
        <nav class="topnav">
            <a class="navtab" href="">Home</a>
            <a class="navtab" href="">Experience</a>
            <a class="navtab" href="">Skills</a>
            <a class="navtab" href="">Interests</a>
            <a class="navtab" href="">Contact</a>
            <a class="navtab2" href="">joshua@ualberta.ca</a>
        </nav>
        <div class="foot">
            <div class="sidebar">
                <div class="insidebar">
                    <div class="sidebanner">Quick List</div>
                    <ul>
                        <div class="sidetitle">Languages known</div>
                        <li>C</li>
                        <li>Java</li>
                        <li>Android</li>
                        <li>HTML</li>
                        <li>PHP</li>
                        <li>JavaScript</li>
                        <li>CSS</li>
                        <li>Perl</li>
                        <li>Python</li>
                    </ul>
                    <ul>
                        <div class="sidetitle">Database experience</div>
                        <li>MySql</li>
                        <li>Oracle</li>
                        <li>FileMaker</li>
                    </ul>
                    <ul>
                        <div class="sidetitle">Interfaces and Platforms</div>
                        <li>Apache</li>
                        <li>XAMPP</li>
                        <li>Eclipse</li>
                        <li>GitHub</li>
                        <li>Subversion</li>
                        <li>ArcGIS</li>
                    </ul>
                    <ul>
                        <div class="sidetitle">Operating Systems</div>
                        <li>Windows (XP, 7, 8)</li>
                        <li>Linux (Ubuntu, Mint)</li>
                        <li>Unix</li>
                    </ul>
                </div>
            </div>
            <div class="mainbar">
                <div class="encaps">
                    <div class="img2"></div>
                    <div class="sectitle">Computing Experience</div>
                    <div class="para">
                        <p>My computing experience is well rounded with most of the current popular languages, and related tools. Whether you are looking for mobile, web, or application development I can be a valuable team member. I have a knack for being able to come up with complete sentences. Sometimes such sentences may even contain real information, but since the content isn't really important I can just write a lot of filler.<a class="linker" href="">Check out project list</a></p>
                    </div>
                </div>
                <div class="encaps">
                    <div class="img3"></div>
                    <div class="para">
                        <div class="sectitle">Transferrable Skills</div>
                        <p><b>Interpersonal:</b> My success with interacting with people, in any of the many positions I've held that required it, comes from adapting to the other persons communication style.
                           <br/>
                           <br/>
                         <b>Organizational:</b> While I was working as an intern my various coding projects would frequently be interrupted by I.T. concerns. I became proficient at returning to my coding mindset despite the various other tasks I was given to handle.<a class="linker" href="">Read More</a></p>
                    </div>
                </div>
                <div class="encaps">
                    <div class="img4"></div>
                    <div class="sectitle">Things That Make Me Tick</div>
                    <div class="para">
                        <p>I discovered after taking a human/interaction course that I feel strongly about designing programs for the userâ€™s needs, but even more than that I found I enjoyed the process more than the traditional way. One project I have is to use one of my Raspberry Pis as a jukebox. Iâ€™m designing it not only to have features that I like, but Iâ€™m also trying to create an interface that will be intuitive for anyone who comes over to visit.<a class="linker" href="">Read More</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>