portfolio/publications.html at master · LuisContrerasGlz/portfolio · 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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Luis Francisco Contreras Gonzalez</title>

  <!--Bootstrap css file-->
  <link rel="stylesheet" href="./css/bootstrap.min.css" />

  <!--font awesome icons-->
  <link rel="stylesheet" href="./css/all.min.css" />

  <!--custom css file-->
  <link rel="stylesheet" href="./css/style.css" />

  <link rel="stylesheet" href="./css/projects.css" />

  <!--  Responsive css file  -->
  <link rel="stylesheet" href="./css/responsive.css" />
</head>

<body>
  <!--Header Area -->
  <header class="header_area" id="mainhome">
    <div class="main_menu">
      <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
          aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
          <nav class="mr-auto"></nav>
          <ul class="navbar-nav">
            <li class="nav-item active"></li>
            <li class="nav-item">
              <a class="nav-link" href="index.html">Go back home</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="./credentials.html">Credentials</a>
            </li>
          </ul>
        </div>
      </nav>
    </div>
  </header>
  <!-- Main -->
  <main class="porfolio">
    <!DOCTYPE html>
    <html>

    <head>
      <meta charset="utf-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1" />
      <title>My Publications</title>
      <style>
        /* Add your styles here */
        .publication-list {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-around;
        }

        .publication {
          width: 30%;
          margin: 1em;
          text-align: center;
        }

        .publication img {
          width: 80%;
          height: auto;
          margin: 0.5em 0;
        }

        .publication h2 {
          font-size: 1.2em;
          margin: 0.5em 0;
        }

        .publication p {
          font-size: 1em;
          margin: 0.5em 0;
        }

        @media (max-width: 600px) {
          .publication {
            width: 80%;
          }
        }
      </style>
    </head>

    <body>
      <h1>My Publications</h1>
      <div class="publication-list">
        <div class="publication">
          <img src="./images/art1.png" alt="Publication 12" />
          <h2>SQ_Mag Number 12</h2>
          <p>
            Worked on an article for SQ mag #12 the second one, regarding
            the importance of teamwork, taking a closer look at the
            relationship between testers and developers and have found that
            - contrary to what many people think - this is much less a
            competition than an under- standing of teamwork
          </p>
          <a href="https://www.sq-mag.com/sq-mag-no-12/" title="SQ_Mag12" target="_blank">Read the article</a>
        </div>
        <div class="publication">
          <img src="./images/art2.png" alt="Publication 9" />
          <h2>SQ_Mag Number 9</h2>
          <p>
            Worked on an article for SQ mag regarding Agile and the
            relationship with testing. Agile methods are playing an
            important role in boosting innovation and speed to market with
            products and services that deliver customer value, and quality,
            in a time of fast-changing conditions. Agile is a multifaceted
            topic and in this new issue of SQ mag, our authors explore agile
            from multiple perspectives including organizational agility,
            high-performance quality engineering, agile testing, DevOps, and
            more.
          </p>
          <a href="https://www.sq-mag.com/all-issues/sq-mag-no-9/" title="SQ_Mag9" target="_blank">Read the article</a>
        </div>
        <div class="publication">
          <img src="./images/art3.png" alt="Publication 13" />
          <h2>SQ_Mag Number 13</h2>
          <p>
            Beyond the buzzwords: Test Automation
            Discover how to choose the right tool and approach for your software development team in this valuable piece.
            Third collaboration with SQ_Mag, this time covering test automation and the different parts that go beying just the buzzwords.
          </p>
          <a href="https://www.sq-mag.com/sq-mag-no-13/" title="SQ_Mag13" target="_blank">Read the article</a>
        </div>
        <!-- Add more publication elements here -->
      </div>
    </body>

    </html>
  </main>

  <!--Jquery js file-->
  <script src="./js/jquery_3.5.1.js"></script>

  <!--Bootstrap js file-->
  <script src="./js/bootstrap.min.js"></script>

  <!--Custom main js file-->
  <script src="./js/main.js"></script>
</body>

</html>